frontend: Add RoomCreatorDisabled component to handle room creation disabled state

frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.html

@@ -0,0 +1,13 @@
+<div class="container">
+	<mat-card class="card">
+		<mat-card-header>
+			<mat-card-title>Room Creation Disabled</mat-card-title>
+		</mat-card-header>
+		<mat-card-content>
+			<p>
+				Room creation is currently disabled for users. Please wait until you receive an access URL to join a
+				room.
+			</p>
+		</mat-card-content>
+	</mat-card>
+</div>

frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.scss

@@ -0,0 +1,33 @@
+.container {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 100vh;
+	background-color: var(--ov-background-color);
+}
+
+.card {
+	width: 400px;
+	padding: 20px;
+	text-align: center;
+	background-color: var(--ov-surface-color);
+	border-radius: var(--ov-surface-radius);
+}
+
+mat-card-header {
+	justify-content: center;
+	align-items: center;
+}
+
+mat-card-title {
+	font-size: 1.5em;
+}
+
+mat-card-content p {
+	font-size: 1em;
+	color: #555;
+}
+
+mat-card-actions {
+	margin-top: 20px;
+}

frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RoomCreatorDisabledComponent } from './room-creator-disabled.component';
+
+describe('RoomCreatorDisabledComponent', () => {
+	let component: RoomCreatorDisabledComponent;
+	let fixture: ComponentFixture<RoomCreatorDisabledComponent>;
+
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			imports: [RoomCreatorDisabledComponent]
+		}).compileComponents();
+
+		fixture = TestBed.createComponent(RoomCreatorDisabledComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
+
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
+});

frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { MatCardModule } from '@angular/material/card';
+
+@Component({
+	selector: 'ov-room-creator-disabled',
+	standalone: true,
+	imports: [MatCardModule],
+	templateUrl: './room-creator-disabled.component.html',
+	styleUrl: './room-creator-disabled.component.scss'
+})
+export class RoomCreatorDisabledComponent {}

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

@@ -5,3 +5,4 @@ export * from './cards/selection-card/selection-card.component';
 export * from './cards/pro-feature/pro-feature.component';
 export * from './dynamic-grid/dynamic-grid.component';
 export * from './errors/unauthorized/unauthorized.component';
+export * from './errors/room-creator-disabled/room-creator-disabled.component';