Overhaul design

frontend/src/components/navbar.tsx

@@ -28,7 +28,7 @@ const Navbar = ({ userName, profilePictureUrl }: NavbarProps) => {
                 <div className="flex items-center gap-3">
                     <DropdownMenu>
                         <DropdownMenuTrigger asChild>
-                            <Avatar>
+                            <Avatar className="cursor-pointer">
                                 <AvatarImage
                                     src={profilePictureUrl}
                                     alt={userName + ' profile image'}
@@ -68,7 +68,7 @@ const Navbar = ({ userName, profilePictureUrl }: NavbarProps) => {
                             </DropdownMenuGroup>
                             <DropdownMenuSeparator />
                             <DropdownMenuGroup>
-                                <DropdownMenuItem asChild>
+                                <DropdownMenuItem asChild variant="destructive">
                                     <Link to="/logout">
                                         <LogOut />
                                         Log out

frontend/src/index.css

@@ -49,7 +49,7 @@
     --font-sans: Inter, sans-serif;
     --font-serif: Source Serif 4, serif;
     --font-mono: JetBrains Mono, monospace;
-    --radius: 1.15rem;
+    --radius: 0.625rem;
     --shadow-x: 0;
     --shadow-y: 1px;
     --shadow-blur: 3px;
@@ -106,7 +106,7 @@
     --font-sans: Inter, sans-serif;
     --font-serif: Source Serif 4, serif;
     --font-mono: JetBrains Mono, monospace;
-    --radius: 1.15rem;
+    --radius: 0.625rem;
     --shadow-x: 0;
     --shadow-y: 1px;
     --shadow-blur: 3px;

frontend/src/pages/SiteOverview/SettingsTab.tsx

@@ -67,7 +67,7 @@ const SettingsTab = ({ site }: { site: Site }) => {
     };
 
     return (
-        <div className="space-y-6">
+        <div className="space-y-4">
             <Card>
                 <CardHeader>
                     <CardTitle className="text-base">General</CardTitle>

frontend/src/pages/SiteOverview/SiteOverview.tsx

@@ -150,7 +150,7 @@ const SiteOverview = () => {
                     </div>
 
                     <Tabs value={activeTab} onValueChange={handleTabChange}>
-                        <div className="flex items-center mb-4">
+                        <div className="flex items-center mb-2">
                             <TabsList>
                                 <TabsTrigger value="overview">
                                     <LayoutDashboard />