Store, features, and overall project organization changes

src/App.tsx

@@ -1,14 +1,14 @@
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
-import Sidebar from "./components/Sidebar";
+import Sidebar from "@/components/common/Sidebar";
 import HomePage from "@/pages/Home";
 import MetricsPage from "@/pages/Metrics";
 import SettingsPage from "@/pages/Settings";
-import { ThemeProvider } from "@/components/theme-provider";
-import AppInitializer from "@/components/AppInit";
+import { ThemeProvider } from "@/components/common/theme-provider";
+import AppInitializer from "@/components/common/AppInit";
 import NotFound from "./pages/NotFound";
-import { PrivateRoute } from "@/components/privateRoute"; // Import PrivateRoute
-import Admin from "@/pages/admin/Admin";
-import { AdminRoute } from "@/components/admin/adminRoute";
+import { PrivateRoute } from "@/components/common/privateRoute"; // Import PrivateRoute
+import Admin from "@/pages/Admin";
+import { AdminRoute } from "@/features/admin/routes/adminRoute";
 
 export default function App() {
   return (

src/components/AppInit.tsx → src/components/common/AppInit.tsx

@@ -1,5 +1,4 @@
 import { useEffect, useState, ReactNode } from "react";
-import Logo from "/logo.png";
 import { MultiStepLoader as Loader } from "@/components/ui/multi-step-loader";
 
 
@@ -14,7 +13,7 @@ declare global {
     };
   }
 }
-import useAppStore from "@/store/appStore";
+import useAppStore from "@/store";
 import { toast } from "sonner";
 
 const AppInitializer = ({ children }: { children: ReactNode }) => {

src/components/ConfirmationDialog.tsx → src/components/common/ConfirmationDialog.tsx

@@ -69,7 +69,7 @@ const ConfirmationDialog: React.FC<ConfirmationDialogProps> = ({
             </DialogTitle>
           </div>
           <DialogDescription className="text-gray-400">
-            {description}
+            <div dangerouslySetInnerHTML={{ __html: description }} />
           </DialogDescription>
         </DialogHeader>
         <DialogFooter className="flex justify-end space-x-2 mt-6">

src/components/Sidebar.tsx → src/components/common/Sidebar.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect, useRef } from "react";
 import { Link, useLocation, useNavigate } from "react-router-dom";
-import { useTheme } from "@/components/theme-provider";
+import { useTheme } from "@/components/common/theme-provider";
 import {
   SquareTerminal,
   Github,
@@ -59,7 +59,7 @@ import {
 } from "@/components/ui/tooltip";
 import { Separator } from "@/components/ui/separator";
 import Logo from "/logo.png";
-import useAppStore from "@/store/appStore";
+import useAppStore from "@/store";
 import { Badge } from "@/components/ui/badge";
 
 const commandsSheet = [

src/components/privateRoute.tsx → src/components/common/privateRoute.tsx

@@ -1,5 +1,5 @@
 import { Navigate } from "react-router-dom";
-import useAppStore from "@/store/appStore";
+import useAppStore from "@/store";
 import { ReactNode } from "react";
 
 export function PrivateRoute({ children }: { children: ReactNode }) {

src/components/table/CHUItable.tsx → src/components/common/table/CHUItable.tsx

@@ -41,7 +41,7 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 
-import FilterComponent from "@/components/misc/FilterComponent";
+import FilterComponent from "@/components/common/FilterComponent";
 
 import {
   ArrowDown,
@@ -56,7 +56,7 @@ import {
   FilterX,
   Info,
 } from "lucide-react";
-import DownloadDialog from "@/components/misc/DownloadDialog";
+import DownloadDialog from "@/components/common/DownloadDialog";
 
 interface TableProps<T extends RowData> {
   result: {