Add prettier and plugin for tailwind; Adapted global css for light and dark theme

app/(backend)/layout.tsx

@@ -12,17 +12,24 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
   const [sidebarOpen, setSidebarOpen] = useState(false);
 
   return (
-    <div data-cmp="DashboardLayout" className="min-h-screen bg-muted/30">
+    <div className="dashboard">
       <Sidebar />
 
       {/* Mobile Sidebar Overlay */}
       {sidebarOpen && (
-        <div className="fixed inset-0 bg-black/50 z-40 md:hidden" onClick={() => setSidebarOpen(false)} />
+        <div
+          className="fixed inset-0 z-40 bg-black/50 md:hidden"
+          onClick={() => setSidebarOpen(false)}
+        />
       )}
 
-      <div className={`md:pl-64 flex flex-col min-h-screen transition-all duration-300`}>
+      <div
+        className={`flex min-h-screen flex-col transition-all duration-300 md:pl-64`}
+      >
         <Header onMenuClick={() => setSidebarOpen(!sidebarOpen)} />
-        <main className="flex-1 p-4 md:p-8 animate-in fade-in duration-500">{children}</main>
+        <main className="animate-in fade-in flex-1 p-4 duration-500 md:p-8">
+          {children}
+        </main>
       </div>
     </div>
   );