restructure project

webapp/src/app/app.component.ts

@@ -2,7 +2,7 @@ import { Component, isDevMode } from '@angular/core';
 import { AngularQueryDevtools } from '@tanstack/angular-query-devtools-experimental';
 import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
 import { LucideAngularModule, Hammer } from 'lucide-angular';
-import { ThemeSwitcherComponent } from './components/theme-switcher/theme-switcher.component';
+import { ThemeSwitcherComponent } from 'app/core/theme/theme-switcher.component';
 
 @Component({
   selector: 'app-root',

webapp/src/app/app.routes.ts

@@ -1,8 +1,8 @@
 import { Routes } from '@angular/router';
 import { AboutComponent } from 'app/about/about.component';
-import { MainComponent } from 'app/main/main.component';
+import { HomeComponent } from 'app/home/home.component';
 
 export const routes: Routes = [
-  { path: '', component: MainComponent },
+  { path: '', component: HomeComponent },
   { path: 'about', component: AboutComponent }
 ];

webapp/src/app/components/theme-switcher/theme-switcher.stories.ts → webapp/src/app/core/theme/theme-switcher.stories.ts

@@ -4,7 +4,7 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
 const meta: Meta<ThemeSwitcherComponent> = {
-  title: 'Components/ThemeSwitcher',
+  title: 'Components/Core/ThemeSwitcher',
   component: ThemeSwitcherComponent,
   tags: ['autodocs'],
   decorators: [

webapp/src/app/home/home.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+import { LeaderboardComponent } from 'app/home/leaderboard/leaderboard.component';
+
+@Component({
+  selector: 'app-home',
+  standalone: true,
+  imports: [LeaderboardComponent],
+  templateUrl: './home.component.html'
+})
+export class HomeComponent {}

webapp/src/app/home/home.stories.ts

@@ -0,0 +1,18 @@
+import { type Meta, type StoryObj } from '@storybook/angular';
+import { HomeComponent } from './home.component';
+
+const meta: Meta<HomeComponent> = {
+  title: 'Pages/Home',
+  component: HomeComponent,
+  tags: ['autodocs']
+};
+
+export default meta;
+type Story = StoryObj<HomeComponent>;
+
+export const Default: Story = {
+  render: (args) => ({
+    props: args,
+    template: `<app-home />`
+  })
+};

webapp/src/app/components/leaderboard/leaderboard.stories.ts → webapp/src/app/home/leaderboard/leaderboard.stories.ts

@@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/angular';
 import { LeaderboardComponent } from './leaderboard.component';
 
 const meta: Meta<LeaderboardComponent> = {
-  title: 'Components/Leaderboard',
+  title: 'Components/Home/Leaderboard',
   component: LeaderboardComponent,
   tags: ['autodocs']
 };