feat: Rename files correctly

Author: Eric-Wahl

src/App.tsx

@@ -1,23 +1,23 @@
 import { lazy, Suspense } from "react";
 import { Route, Routes } from "react-router-dom";
 
-import ResetPasswordPage from "@shared/pages/reset-password/reset-password";
-import HowToPlay from "@shared/pages/how-to-play/how-to-play";
-import AccountPage from "@shared/pages/account/Account";
-import SupportPage from "@shared/pages/support/support";
-import LicensePage from "@shared/pages/license/license";
-import LoginPage from "@shared/pages/login/login";
-import Users from "@shared/pages/home/Home";
+import ResetPasswordPage from "@/app/shared/pages/reset-password/ResetPasswordPage";
+import HowToPlayPage from "@/app/shared/pages/how-to-play/HowToPlayPage";
+import AccountPage from "@/app/shared/pages/account/AccountPage";
+import SupportPage from "@/app/shared/pages/support/SupportPage";
+import LicensePage from "@/app/shared/pages/license/LicensePage";
+import LoginPage from "@/app/shared/pages/login/LoginPage";
+import Users from "@/app/shared/pages/home/HomePage";
 
-import ProtectedRoutes from "@shared/ProtectedRoutes";
+import ProtectedRoutes from "@/app/shared/components/ProtectedRoutes";
 
 // Lazy load Admin component to improve load time
-const Admin = lazy(() => import("./app/admin/pages/Admin"));
+const Admin = lazy(() => import("./app/admin/pages/AdminLayout"));
 
-import PuzzleInputPage from "@player/pages/puzzle_input/puzzle_input";
-import CompetitionPage from "@player/pages/competition/competition";
-import LeaderboardPage from "@player/pages/leaderboard/leaderboard";
-import PuzzlePage from "@player/pages/puzzle/puzzle";
+import PuzzleInputPage from "@/app/player/pages/puzzle-input/PuzzleInputPage";
+import CompetitionPage from "@/app/player/pages/competition/CompetitionPage";
+import LeaderboardPage from "@/app/player/pages/leaderboard/LeaderboardPage";
+import PuzzlePage from "@/app/player/pages/puzzle/PuzzlePage";
 
 import { isStaff } from "@utils/permissions";
 
@@ -34,7 +34,7 @@ const AppRoutes = () => {
       <Route path="/login" element={<LoginPage />} />
       <Route path="/reset-password" element={<ResetPasswordPage />} />
       <Route path="/" element={<Users />} />
-      <Route path="/how-to-play" element={<HowToPlay />} />
+      <Route path="/how-to-play" element={<HowToPlayPage />} />
       <Route path="/support" element={<SupportPage />} />
       <Route path="/license" element={<LicensePage />} />
 

src/app/admin/MenuItem.tsx

@@ -2,15 +2,19 @@ import { JSX, lazy } from "react";
 import { TFunction } from "i18next";
 
 // Lazy load components
-const HomePage = lazy(() => import("@admin/pages/home/Home"));
-const UsersPage = lazy(() => import("@admin/pages/users/Users"));
-const RolesPage = lazy(() => import("@admin/pages/roles/Roles"));
-const ScopesPage = lazy(() => import("@admin/pages/scopes/Scopes"));
-const GroupsPage = lazy(() => import("@admin/pages/groups/Groups"));
+const HomePage = lazy(
+  () => import("@/app/admin/pages/dashboard/DashboardPage")
+);
+const UsersPage = lazy(() => import("@/app/admin/pages/users/UsersPage"));
+const RolesPage = lazy(() => import("@/app/admin/pages/roles/RolesPage"));
+const ScopesPage = lazy(() => import("@/app/admin/pages/scopes/ScopesPage"));
+const GroupsPage = lazy(() => import("@/app/admin/pages/groups/GroupsPage"));
 const CompetitionsPage = lazy(
-  () => import("@admin/pages/competitions/Competitions")
+  () => import("@/app/admin/pages/competitions/CompetitionsPage")
+);
+const CatalogsPage = lazy(
+  () => import("@/app/admin/pages/catalogs/CatalogsPage")
 );
-const CatalogsPage = lazy(() => import("@admin/pages/catalogs/Catalogs"));
 
 import { Permission, rolesHavePermission } from "@utils/permissions";
 

src/app/admin/pages/Admin.tsx src/app/admin/pages/AdminLayout.tsxsrc/app/admin/pages/Admin.tsx renamed to src/app/admin/pages/AdminLayout.tsx

@@ -19,7 +19,7 @@ export default function Admin() {
 
     window.addEventListener("scroll", handleScroll);
 
-    // Dynamically load the CSS
+    // Dynamically load the CSS "AdminLayout.css" file
     const styleLink = document.createElement("link");
     styleLink.setAttribute("rel", "stylesheet");
     styleLink.setAttribute("type", "text/css");

src/app/admin/pages/catalogs/Catalogs.tsx …pp/admin/pages/catalogs/CatalogsPage.tsxsrc/app/admin/pages/catalogs/Catalogs.tsx renamed to src/app/admin/pages/catalogs/CatalogsPage.tsx src/app/admin/pages/catalogs/Catalogs.tsx renamed to src/app/admin/pages/catalogs/CatalogsPage.tsx

@@ -21,7 +21,7 @@ import { ServiceManager } from "@services/index";
 import { useActivePage } from "@contexts/ActivePageContext";
 import { useAuth } from "@contexts/AuthContext";
 
-export default function HomePage() {
+export default function DashboardPage() {
   const { t } = useTranslation();
   const { user, logout } = useAuth();
   const navigate = useNavigate();