feat: Space Booking System - MVP complet

Sistem web pentru rezervarea de birouri și săli de ședință
cu flux de aprobare administrativă.

Stack: FastAPI + Vue.js 3 + SQLite + TypeScript

Features implementate:
- Autentificare JWT + Self-registration cu email verification
- CRUD Spații, Utilizatori, Settings (Admin)
- Calendar interactiv (FullCalendar) cu drag-and-drop
- Creare rezervări cu validare (durată, program, overlap, max/zi)
- Rezervări recurente (săptămânal)
- Admin: aprobare/respingere/anulare cereri
- Admin: creare directă rezervări (bypass approval)
- Admin: editare orice rezervare
- User: editare/anulare rezervări proprii
- Notificări in-app (bell icon + dropdown)
- Notificări email (async SMTP cu BackgroundTasks)
- Jurnal acțiuni administrative (audit log)
- Rapoarte avansate (utilizare, top users, approval rate)
- Șabloane rezervări (booking templates)
- Atașamente fișiere (upload/download)
- Conflict warnings (verificare disponibilitate real-time)
- Integrare Google Calendar (OAuth2)
- Suport timezone (UTC storage + user preference)
- 225+ teste backend

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/views/Register.vue

@@ -0,0 +1,201 @@
+<template>
+  <div class="register-container">
+    <div class="register-card card">
+      <h2>Create Account</h2>
+      <p class="subtitle">Sign up for Space Booking</p>
+
+      <form @submit.prevent="handleRegister">
+        <div class="form-group">
+          <label for="email">Email</label>
+          <input
+            id="email"
+            v-model="form.email"
+            type="email"
+            required
+            placeholder="your@email.com"
+            autocomplete="email"
+          />
+        </div>
+
+        <div class="form-group">
+          <label for="password">Password</label>
+          <input
+            id="password"
+            v-model="form.password"
+            type="password"
+            required
+            placeholder="Enter password"
+            autocomplete="new-password"
+          />
+          <small class="help-text"
+            >At least 8 characters, with uppercase, lowercase, and digit</small
+          >
+        </div>
+
+        <div class="form-group">
+          <label for="confirm_password">Confirm Password</label>
+          <input
+            id="confirm_password"
+            v-model="form.confirm_password"
+            type="password"
+            required
+            placeholder="Confirm password"
+            autocomplete="new-password"
+          />
+        </div>
+
+        <div class="form-group">
+          <label for="full_name">Full Name</label>
+          <input
+            id="full_name"
+            v-model="form.full_name"
+            type="text"
+            required
+            placeholder="John Doe"
+            autocomplete="name"
+          />
+        </div>
+
+        <div class="form-group">
+          <label for="organization">Organization</label>
+          <input
+            id="organization"
+            v-model="form.organization"
+            type="text"
+            required
+            placeholder="Your Organization"
+            autocomplete="organization"
+          />
+        </div>
+
+        <div v-if="errorMessage" class="error">
+          {{ errorMessage }}
+        </div>
+
+        <div v-if="successMessage" class="success">
+          {{ successMessage }}
+        </div>
+
+        <button type="submit" class="btn btn-primary btn-block" :disabled="loading">
+          {{ loading ? 'Creating account...' : 'Register' }}
+        </button>
+      </form>
+
+      <p class="login-link">
+        Already have an account? <router-link to="/login">Login</router-link>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { authApi, handleApiError } from '@/services/api'
+
+const router = useRouter()
+
+const form = ref({
+  email: '',
+  password: '',
+  confirm_password: '',
+  full_name: '',
+  organization: ''
+})
+
+const loading = ref(false)
+const errorMessage = ref('')
+const successMessage = ref('')
+
+const handleRegister = async () => {
+  try {
+    loading.value = true
+    errorMessage.value = ''
+    successMessage.value = ''
+
+    const response = await authApi.register(form.value)
+    successMessage.value = response.message
+
+    // Redirect to login after 3 seconds
+    setTimeout(() => {
+      router.push('/login')
+    }, 3000)
+  } catch (error: unknown) {
+    errorMessage.value = handleApiError(error)
+  } finally {
+    loading.value = false
+  }
+}
+</script>
+
+<style scoped>
+.register-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  padding: 1rem;
+}
+
+.register-card {
+  width: 100%;
+  max-width: 450px;
+}
+
+h2 {
+  text-align: center;
+  margin-bottom: 0.5rem;
+  color: #2c3e50;
+}
+
+.subtitle {
+  text-align: center;
+  color: #7f8c8d;
+  margin-bottom: 2rem;
+}
+
+.help-text {
+  display: block;
+  margin-top: 0.25rem;
+  font-size: 0.85rem;
+  color: #7f8c8d;
+}
+
+.btn-block {
+  width: 100%;
+  margin-top: 1rem;
+}
+
+.login-link {
+  text-align: center;
+  margin-top: 1.5rem;
+  color: #7f8c8d;
+}
+
+.login-link a {
+  color: #3498db;
+  text-decoration: none;
+}
+
+.login-link a:hover {
+  text-decoration: underline;
+}
+
+.error {
+  margin-top: 1rem;
+  padding: 0.75rem;
+  background: #fee;
+  border-left: 3px solid #e74c3c;
+  border-radius: 4px;
+  color: #c0392b;
+}
+
+.success {
+  margin-top: 1rem;
+  padding: 0.75rem;
+  background: #d4edda;
+  border-left: 3px solid #28a745;
+  border-radius: 4px;
+  color: #155724;
+}
+</style>