minor: Add top margin for admin dashboard pages

Author: Devansu-Yadav

components/dashboard/src/admin/ProjectDetail.tsx

@@ -14,7 +14,7 @@ export default function ProjectDetail(props: { project: Project; owner: string |
     return (
         <>
             <div className="app-container">
-                <div className="flex">
+                <div className="flex mt-8">
                     <div className="flex-1">
                         <div className="flex">
                             <h3>{props.project.name}</h3>

components/dashboard/src/admin/TeamDetail.tsx

@@ -69,7 +69,7 @@ export default function TeamDetail(props: { team: Team }) {
     };
     return (
         <>
-            <div className="flex">
+            <div className="flex mt-8">
                 <div className="flex-1">
                     <div className="flex">
                         <h3>{team.name}</h3>

components/dashboard/src/admin/UserDetail.tsx

@@ -260,7 +260,7 @@ export default function UserDetail(p: { user: User }) {
         <>
             <AdminPageHeader title="Admin" subtitle="Configure and manage instance settings.">
                 <div className="app-container">
-                    <div className="flex">
+                    <div className="flex mt-8">
                         <div className="flex-1">
                             <div className="flex">
                                 <h3>{user.fullName}</h3>

components/dashboard/src/admin/WorkspaceDetail.tsx

@@ -58,7 +58,7 @@ export default function WorkspaceDetail(props: { workspace: WorkspaceAndInstance
     return (
         <>
             <div className="app-container">
-                <div className="flex">
+                <div className="flex mt-8">
                     <div className="flex-1">
                         <div className="flex">
                             <h3>{workspace.workspaceId}</h3>