feat: Add className 'mx-auto' to main element in create page

Add the className 'mx-auto' to the main element in the create page to center align the content. This improves the visual layout of the page.

app/(root)/create/page.tsx

@@ -5,7 +5,7 @@ export default async function Page() {
   const channels = GetAllChannels();
   //console.log(channels);
   return (
-    <main>
+    <main className='mx-auto'>
       <Form channels={channels} />
     </main>
   );

app/(root)/layout.tsx

@@ -3,11 +3,9 @@ import './globals.css';
 import { Analytics } from '@vercel/analytics/react';
 import { SessionProvider } from 'next-auth/react';
 import { SpeedInsights } from "@vercel/speed-insights/next"
-import Navbar from '@mitech/shared-components/ui/navbar';
 import { NextUIProvider } from '@nextui-org/react';
-import Sidebar from '@/packages/shared-components/ui/light_sidebar';
 import { ThemeProvider as NextThemesProvider } from "next-themes";
-
+import Frame  from '@mitech/shared-components/component/frame-with-sidebar-and-navbar';
 export const metadata = {
   title: 'Welcome to Mitech Recruitment',
   description:
@@ -27,13 +25,12 @@ export default async function RootLayout({
           <NextUIProvider>
             <NextThemesProvider attribute="class" defaultTheme='light'>
               <main className="text-foreground bg-background">
-                <Sidebar>
-                  <Navbar />
+                <Frame>
                   {children}
-                </Sidebar>
-                <Analytics />
-                <SpeedInsights />{/* Vercel Speed Insights */}
+                </Frame>
               </main>
+              <Analytics />
+              <SpeedInsights />{/* Vercel Speed Insights */}
             </NextThemesProvider>
           </NextUIProvider>
         </SessionProvider>

app/(root)/page.tsx

@@ -2,9 +2,8 @@ import Pagination from '@/components/ui/pagination';
 import Search from '@mitech/shared-components/ui/search';
 import AdsTable from '@/components/ui/ads-table';
 import { CreateAd } from '@/components/ui/button';
-import { Suspense } from 'react';
 import { Metadata } from 'next';
-import { GetAllAds,GetFilteredAdsPages } from '@/lib/data';
+import { GetFilteredAdsPages } from '@/lib/data';
 import GanttChart from '@/components/ui/gantt-chart/gantt-chart';
 
 export const metadata: Metadata = {

package.json

@@ -7,17 +7,18 @@
     "start": "next start",
     "lint": "next lint",
     "vercel_install": "npm i -g cross-env && cross-env-shell \"$PREINSTALL_CMD\"",
-    "package_init": "git submodule update --init && npm install"
+    "package_init": "git submodule update --init --recursive && npm install",
+    "package_update": "git submodule update --remote --recursive && npm install"
   },
   "dependencies": {
+    "@iconify/react": "^5.0.1",
     "@mitech/shared-components": "file:packages/shared-components",
     "@vercel/analytics": "^1.1.1",
     "@vercel/speed-insights": "^1.0.5",
-    "autoprefixer": "^10.4.19",
     "axios": "^1.6.5",
     "next": "^14.2.3",
-    "zod": "^3.23.7",
-    "sharp": "*"
+    "sharp": "*",
+    "zod": "^3.23.7"
   },
   "prettier": {
     "arrowParens": "always",
@@ -27,12 +28,16 @@
   },
   "devDependencies": {
     "@tailwindcss/typography": "*",
+    "@types/node": "*",
+    "@types/react": "*",
+    "@types/react-dom": "*",
     "eslint": "*",
     "eslint-config-next": "*",
-    "typescript": "*",
     "prettier": "*",
-    "@types/node": "*",
-    "@types/react": "*",
-    "@types/react-dom": "*"
+    "typescript": "*",
+    "autoprefixer": "*",
+    "postcss": "*",
+    "tailwindcss": "*"
+
   }
 }