🚀 [Feature] Frontend: Sidebar to show open BBB rooms

[Elweyn]

🚀 Feature

In figma Hardi designed a Right SideMenu (Show open rooms) for the Frontend, we need the component in our Frontend

Teile das grosse PR in folgende PRs:

PR 1: Storybook Enhancements

PR: https://github.com/dreammall-earth/dreammall.earth/compare/709-1-Storybook-Enhancements-for-Sidebar?expand=1
Name: Storybook Enhancements for Sidebar

• frontend/.storybook/StoryWrapper.vue
• frontend/.storybook/main.ts
• frontend/.storybook/preview.ts
• frontend/.storybook/withVuetifyTheme.decorator.ts

PR 2: BottomMenu Component

Merged:
ListWithNavigationDrawer: #1187

Name: BottomMenu Component

• frontend/src/components/menu/BottomMenu.vue
• frontend/src/components/menu/BottomMenu.stories.ts
• frontend/src/components/menu/BottomMenu.test.ts
• frontend/src/components/menu/__snapshots__/BottomMenu.test.ts.snap

PR 3: ListElement Component

#1184
Name: ListElement Component

• frontend/src/components/menu/ListElement.vue
• frontend/src/components/menu/ListElement.stories.ts
• frontend/src/components/menu/ListElement.test.ts
• frontend/src/components/menu/__snapshots__/ListElement.test.ts.snap

PR 4: ListWithNavigationDrawer Component

PR: #1187

Merged:
Liste: #1184
Drawer: #1185
Search: #1186
Name: ListWithNavigationDrawer Component

• frontend/src/components/menu/ListWithNavigationDrawer.vue
• frontend/src/components/menu/ListWithNavigationDrawer.stories.ts
• frontend/src/components/menu/ListWithNavigationDrawer.test.ts
• frontend/src/components/menu/__snapshots__/ListWithNavigationDrawer.test.ts.snap

PR 5: NavigationDrawer Component

PR: #1185
Name: NavigationDrawer Component

• frontend/src/components/menu/NavigationDrawer.vue
• frontend/src/components/menu/NavigationDrawer.stories.ts
• frontend/src/components/menu/NavigationDrawer.test.ts
• frontend/src/components/menu/__snapshots__/NavigationDrawer.test.ts.snap

PR 6: TopMenu Component

Merged:
ListWithNavigationDrawer: #1187

Name: TopMenu Component

• frontend/src/components/menu/TopMenu.vue
• frontend/src/components/menu/TopMenu.stories.ts

PR 7: SearchField Component

PR: #1186
Name: SearchField Component

• frontend/src/components/search/SearchField.vue
• frontend/src/components/search/SearchField.stories.ts
• frontend/src/components/search/SearchField.test.ts
• frontend/src/components/search/__snapshots__/SearchField.test.ts.snap

PR 8: Localization Updates

Name: Localization Updates

• frontend/src/locales/de.json
• frontend/src/locales/en.json

PR 9: TypeScript Configuration

Name: TypeScript Configuration Updates

• frontend/tsconfig.json

PR 10: Integrate Sidebar Components

Name: Integrate Sidebar Components

• Änderungen in bestehenden Dateien, die die neuen Komponenten zusammenführen und integrieren:
  • frontend/src/layouts/DefaultLayout.vue
  • frontend/src/pages/index/Page.vue
  • frontend/src/pages/room/Page.vue

Diese Struktur erlaubt es, jede Komponente einzeln zu reviewen und sicherzustellen, dass sie unabhängig gut funktioniert, bevor sie zusammen in die bestehende Codebasis integriert werden.

🤖 ToDo

• Create Right SideMenu Component from Figma (Show open rooms)
• 🚀 [Feature] Frontend: Connect openRoom Sidebar to backend #1170
• 🚀 [Feature] Frontend: Optimize openRoom Sidebar Design #1171