feat: add multiple admin dashboard layout components and update sidebar and navbar

app/routes/_layout.admin.dashboard._index.tsx

@@ -1,4 +1,4 @@
 const DashboardIndexLayout = () => {
-  return <div className="flex items-center justify-center">Dashboard Page</div>
+  return <div>Dashboard Page</div>
 }
 export default DashboardIndexLayout

app/routes/_layout.admin.dashboard.admins.tsx

@@ -0,0 +1,4 @@
+const DashboardAdminsLayout = () => {
+  return <div>Admins Page</div>
+}
+export default DashboardAdminsLayout

app/routes/_layout.admin.dashboard.advertisements.tsx

@@ -0,0 +1,4 @@
+const DashboardAdvertisementsLayout = () => {
+  return <div>Advertisements Page</div>
+}
+export default DashboardAdvertisementsLayout

app/routes/_layout.admin.dashboard.contents.tsx

@@ -0,0 +1,4 @@
+const DashboardContentsLayout = () => {
+  return <div>Contents Page</div>
+}
+export default DashboardContentsLayout

app/routes/_layout.admin.dashboard.settings.tsx

@@ -0,0 +1,4 @@
+const DashboardSettingsLayout = () => {
+  return <div>Settings Page</div>
+}
+export default DashboardSettingsLayout

app/routes/_layout.admin.dashboard.site-data.tsx

@@ -0,0 +1,4 @@
+const DashboardSiteDataLayout = () => {
+  return <div>Site Data Page</div>
+}
+export default DashboardSiteDataLayout

app/routes/_layout.admin.dashboard.subsciptions.tsx

@@ -0,0 +1,4 @@
+const DashboardSubscriptionsLayout = () => {
+  return <div>Subscriptions Page</div>
+}
+export default DashboardSubscriptionsLayout

app/routes/_layout.admin.dashboard.users.tsx

@@ -0,0 +1,4 @@
+const DashboardUsersLayout = () => {
+  return <div>Users Page</div>
+}
+export default DashboardUsersLayout