frontend: add configuration component and update routing

frontend/projects/shared-meet-components/src/lib/pages/console/config/config.component.html

@@ -0,0 +1 @@
+<p>config works!</p>

frontend/projects/shared-meet-components/src/lib/pages/console/config/config.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'ov-config',
+  standalone: true,
+  imports: [],
+  templateUrl: './config.component.html',
+  styleUrl: './config.component.scss'
+})
+export class ConfigComponent {
+
+}

frontend/projects/shared-meet-components/src/lib/pages/console/console.component.ts

@@ -25,8 +25,9 @@ export class ConsoleComponent {
 			label: 'Users & Permissions',
 			route: 'users-permissions',
 			icon: 'passkey',
-			iconClass: 'ov-settings-icon material-symbols-outlined'
+			iconClass: 'ov-users-permissions material-symbols-outlined'
-		}
+		},
+		{ label: 'Configuration', route: 'config', icon: 'settings', iconClass: 'ov-settings-icon' }
 
 		// { label: 'About', route: 'about', icon: 'info' }
 	];

frontend/projects/shared-meet-components/src/lib/pages/index.ts

@@ -6,6 +6,7 @@ export * from './console/recordings/recordings.component';
 export * from './console/rooms/rooms.component';
 export * from './console/rooms/room-wizard/room-wizard.component';
 export * from './console/users-permissions/users-permissions.component';
+export * from './console/config/config.component';
 export * from './meeting/end-meeting/end-meeting.component';
 export * from './error/error.component';
 export * from './login/login.component';

frontend/projects/shared-meet-components/src/lib/routes/base-routes.ts

@@ -24,7 +24,8 @@ import {
 	RoomsComponent,
 	RoomWizardComponent,
 	UsersPermissionsComponent,
-	ViewRecordingComponent
+	ViewRecordingComponent,
+	ConfigComponent
 } from '@lib/pages';
 
 export const baseRoutes: Routes = [
@@ -102,6 +103,10 @@ export const baseRoutes: Routes = [
 				path: 'users-permissions',
 				component: UsersPermissionsComponent
 			},
+			{
+				path: 'config',
+				component: ConfigComponent
+			},
 			// {
 			// 	path: 'about',
 			// 	component: AboutComponent

frontend/src/assets/styles/_tokens-core.scss

@@ -23,10 +23,11 @@
 	// to maintain visual consistency across the entire application
 	--ov-meet-icon-rooms: var(--ov-meet-color-primary); // video_chat, meeting_room
 	--ov-meet-icon-recordings: var(--ov-meet-color-accent); // video_library, play_circle
-	--ov-meet-icon-settings: var(--ov-meet-text-secondary); // settings, tune
 	--ov-meet-icon-developer: var(--ov-meet-color-warning); // code, api
-	--ov-meet-icon-actions: var(--ov-meet-text-secondary); // add, edit, delete, refresh
+	--ov-meet-icon-users-permissions: #e05200; // group, manage_accounts
-	--ov-meet-icon-about: var(--ov-meet-color-info); // info, security, help
+	--ov-meet-icon-settings: var(--ov-meet-color-secondary); // settings, tune
+
+	// --ov-meet-icon-about: var(--ov-meet-color-info); // info, security, help
 
 	// === SPACING AND DIMENSIONS ===
 	--ov-meet-spacing-xs: 4px;

frontend/src/assets/styles/_utilities.scss

@@ -103,6 +103,10 @@
 	@include ov-theme-transition;
 }
 
+.ov-users-permissions {
+	color: var(--ov-meet-icon-users-permissions) !important;
+	@include ov-theme-transition;
+}
 .ov-settings-icon {
 	color: var(--ov-meet-icon-settings) !important;
 	@include ov-theme-transition;
@@ -118,11 +122,6 @@
 	@include ov-theme-transition;
 }
 
-.ov-action-icon {
-	color: var(--ov-meet-icon-actions) !important;
-	@include ov-theme-transition;
-}
-
 .ov-surface {
 	background-color: var(--ov-meet-surface-color);
 	color: var(--ov-meet-text-on-surface);