feat(frontend): titlu „ROA Space" colorat în meniu și header mobil

Redenumește titlul aplicației din „Space Booking" în „ROA Space”
(alături de iconița LayoutDashboard, aceeași ca favicon-ul) și îl
colorează cu accentul aplicației, în sidebar și în header-ul mobil.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/src/App.vue

@@ -8,7 +8,7 @@
         <button class="mobile-hamburger" @click="toggleMobile" aria-label="Open menu">
           <Menu :size="22" />
         </button>
-        <span class="mobile-title">Space Booking</span>
+        <span class="mobile-title">ROA Space</span>
         <div class="mobile-actions">
           <!-- Notification Bell -->
           <div class="notification-wrapper">
@@ -228,7 +228,7 @@ onUnmounted(() => {
 .mobile-title {
   font-size: 1.1rem;
   font-weight: 700;
-  color: var(--color-text-primary);
+  color: var(--color-accent);
   flex: 1;
 }
 

frontend/src/components/AppSidebar.vue

@@ -2,7 +2,7 @@
   <aside class="sidebar" :class="{ collapsed, 'mobile-open': mobileOpen }">
     <div class="sidebar-header" @click="handleHeaderClick" :title="collapsed ? 'Expand sidebar' : 'Collapse sidebar'">
       <LayoutDashboard :size="24" class="sidebar-logo-icon" />
-      <span v-show="showLabels" class="sidebar-title">Space Booking</span>
+      <span v-show="showLabels" class="sidebar-title">ROA Space</span>
     </div>
 
     <PropertySelector v-show="showLabels" />
@@ -224,7 +224,7 @@ const handleLogout = () => {
 .sidebar-title {
   font-size: 1.1rem;
   font-weight: 700;
-  color: var(--sidebar-text-active);
+  color: var(--color-accent);
   white-space: nowrap;
   overflow: hidden;
 }