design: sync design (especially that font size) with rest of site, some other cleanup and tweaks

app/account/dashboard/downloads/page.tsx

@@ -19,10 +19,10 @@ export default function DownloadCenter() {
       <h1 className="text-3xl font-bold mb-6 text-foreground">Download Center</h1>
       <Tabs defaultValue="home" className="w-full">
         <TabsList className="mb-4 flex flex-wrap">
-          <TabsTrigger value="home">Home</TabsTrigger>
-          <TabsTrigger value="email">Email</TabsTrigger>
-          <TabsTrigger value="pass">Pass</TabsTrigger>
-          <TabsTrigger value="git">Git</TabsTrigger>
+          <TabsTrigger value="home" className="cursor-pointer">Home</TabsTrigger>
+          <TabsTrigger value="email" className="cursor-pointer">Email</TabsTrigger>
+          <TabsTrigger value="pass" className="cursor-pointer">Pass</TabsTrigger>
+          <TabsTrigger value="git" className="cursor-pointer">Git</TabsTrigger>
         </TabsList>
         <TabsContent value="home">
           <HomeTab />

app/account/dashboard/settings/page.tsx

@@ -84,8 +84,8 @@ export default function Settings() {
         <MyAccount />
         <Card>
           <CardHeader>
-            <CardTitle className="flex items-center">
-              <LayoutDashboard size={15} className="mr-1" />
+            <CardTitle className="flex items-center text-xl gap-2">
+              <LayoutDashboard size={20} />
               Dashboard Settings
             </CardTitle>
             <CardDescription>Customize your dashboard experience</CardDescription>

app/account/dashboard/support/page.tsx

@@ -20,8 +20,8 @@ export default function Support() {
       <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
         <Card className="col-span-full md:col-span-1">
           <CardHeader>
-            <CardTitle className="flex items-center text-2xl">
-              <Mail size={24} className="mr-1.5" />
+            <CardTitle className="flex items-center text-xl gap-2">
+              <Mail size={20} />
               Email
             </CardTitle>
             <CardDescription>Create a ticket by sending an email</CardDescription>
@@ -49,8 +49,8 @@ export default function Support() {
         </Card>
         <Card className="col-span-full md:col-span-1">
           <CardHeader>
-            <CardTitle className="flex items-center text-2xl">
-              <RiTelegram2Line size={24} className="mr-1.5" />
+            <CardTitle className="flex items-center text-xl gap-2">
+              <RiTelegram2Line size={20} />
               Telegram
             </CardTitle>
             <CardDescription>Get support and updates via Telegram</CardDescription>

components/cards/dashboard/Settings/MyAccount.tsx

@@ -7,8 +7,8 @@ export default function MyAccount() {
   return (
     <Card>
       <CardHeader>
-        <CardTitle className="flex items-center text-2xl">
-          <User className="mr-1" />
+        <CardTitle className="flex items-center text-xl gap-2">
+          <User size={20} />
           My Account
         </CardTitle>
         <CardDescription>LibreCloud makes it easy to manage your account</CardDescription>

components/cards/dashboard/git/LinkGitea.tsx

@@ -98,8 +98,8 @@ export function LinkGitea({ linked }: { linked: boolean }) {
     return (
       <Card>
         <CardHeader>
-          <CardTitle className="flex items-center text-xl">
-            <SiGitea size={20} className="mr-2" />
+          <CardTitle className="flex items-center text-xl gap-2">
+            <SiGitea size={20} />
             Gitea Link
           </CardTitle>
           <CardDescription>
@@ -165,8 +165,8 @@ export function LinkGitea({ linked }: { linked: boolean }) {
     return (
       <Card>
         <CardHeader>
-          <CardTitle className="flex items-center text-xl">
-            <SiGitea size={20} className="mr-2" />
+          <CardTitle className="flex items-center text-xl gap-2">
+            <SiGitea size={20} />
             Gitea Link
           </CardTitle>
           <CardDescription>

components/cards/dashboard/overview/LinkedAccounts.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect } from "react"
 import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@/components/ui/card"
 import { Badge } from "@/components/ui/badge"
-import { Loader2 } from "lucide-react"
+import { Loader2, Link } from "lucide-react"
 import { useSession } from "next-auth/react"
 
 export const LinkedAccounts = () => {
@@ -58,44 +58,43 @@ export const LinkedAccounts = () => {
   return (
     <Card className="col-span-full md:col-span-1">
       <CardHeader>
-        <CardTitle>Linked Accounts</CardTitle>
+        <CardTitle className="flex items-center text-xl gap-2">
+          <Link size={20} />
+          Linked Accounts
+        </CardTitle>
         <CardDescription>LibreCloud-connected services you&apos;ve linked to your account.</CardDescription>
       </CardHeader>
       <CardContent>
         <ul className="space-y-2">
           {authStatus ? (
-            <li className="flex items-center">
-              <span className="w-2 h-2 rounded-full bg-green-500 mr-2"></span>
+            <li className="flex items-center gap-2">
+              <span className="w-2 h-2 rounded-full bg-green-500"></span>
               <span>LibreCloud Auth</span>
             </li>
           ) : (
-            <li className="flex items-center">
-              <span className="w-2 h-2 rounded-full bg-red-500 mr-2"></span>
+            <li className="flex items-center gap-2">
+              <span className="w-2 h-2 rounded-full bg-red-500"></span>
               <span>LibreCloud Auth</span>
             </li>
           )}
-          <li className="flex items-center">
-            <span className="w-2 h-2 rounded-full bg-green-500 mr-2"></span>
+          <li className="flex items-center gap-2">
+            <span className="w-2 h-2 rounded-full bg-green-500"></span>
             <span>LibreCloud Mail</span>
           </li>
-          <li className="flex items-center">
+          <li className="flex items-center gap-2">
             {isLoading ? (
-              <Loader2 className="w-4 h-4 mr-2 animate-spin" />
+              <Loader2 className="w-4 h-4 animate-spin" />
             ) : (
               <span
-                className={`w-2 h-2 rounded-full mr-2 ${
+                className={`w-2 h-2 rounded-full ${
                   gitStatus ? "bg-green-500" : "bg-red-500"
                 }`}
               ></span>
             )}
             {isAdmin ? (
-              <div>
+              <div className="flex items-center gap-2">
                 <span>LibreCloud Git</span>
-                <Badge
-                  className="ml-2"
-                >
-                  Admin
-                </Badge>
+                <Badge>Admin</Badge>
               </div>
             ) : (
               <span>LibreCloud Git</span>

components/cards/dashboard/overview/QuickLinks.tsx

@@ -4,6 +4,7 @@ import {
   Mail,
   Headset,
   Heart,
+  Link as LinkIcon,
   Scale
 } from "lucide-react"
 import Link from "next/link"
@@ -12,7 +13,10 @@ export const QuickLinks = () => {
   return (
     <Card className="col-span-full md:col-span-1">
       <CardHeader>
-        <CardTitle>Quick Links</CardTitle>
+        <CardTitle className="flex items-center text-xl gap-2">
+          <LinkIcon size={20} />
+          Quick Links
+        </CardTitle>
       </CardHeader>
       <CardContent>
         <Link

components/cards/dashboard/overview/WelcomeCard.tsx

@@ -25,11 +25,11 @@ export const WelcomeCard = () => {
   return (
     <Card className="col-span-full md:col-span-1">
       <CardHeader>
-        <CardTitle>Welcome to your dashboard</CardTitle>
+        <CardTitle className="text-xl">Welcome to <span className="italic mr-0.5">your</span> dashboard!</CardTitle>
       </CardHeader>
       <CardContent>
         <p className="text-sm">
-          Thanks for logging in! Here you can manage your account and the services available to you.
+          Thank you for signing up! Here you can manage your account and the services available to you.
         </p>
         <p className="text-sm mt-4">
           We’re thrilled to have you on board, and if you need <i>anything</i>, don’t hesitate to <Link href="/account/dashboard/support" className="underline hover:text-muted-foreground transition-all" target="_blank">contact our support team</Link>!

components/cards/dashboard/statistics/Infrastructure.tsx

@@ -13,7 +13,10 @@ export default function Infrastructure() {
   return (
     <Card>
       <CardHeader>
-        <CardTitle>Infrastructure</CardTitle>
+        <CardTitle className="flex items-center text-xl gap-2">
+          <Server size={20} />
+          Infrastructure
+        </CardTitle>
         <CardDescription>
           Our portfolio of servers and services
         </CardDescription>

components/cards/dashboard/statistics/OperationalCosts.tsx

@@ -6,12 +6,16 @@ import {
   CardContent,
 } from "@/components/ui/card"
 import { Separator } from "@/components/ui/separator"
+import { CreditCard } from "lucide-react"
 
 export default function OperationalCosts() {
   return (
     <Card className="col-span-full md:col-span-1">
       <CardHeader>
-        <CardTitle>Operational Costs</CardTitle>
+        <CardTitle className="flex items-center text-xl gap-2">
+          <CreditCard size={20} />
+          Operational Costs
+        </CardTitle>
         <CardDescription>How much it costs us to run LibreCloud each month</CardDescription>
       </CardHeader>
       <CardContent>

components/pages/dashboard/SecurityTab.tsx

@@ -77,7 +77,7 @@ export const SecurityTab = () => {
     <div className="grid gap-6 grid-cols-1 md:grid-cols-2">
       <Card>
         <CardHeader>
-          <CardTitle className="flex items-center gap-1">
+          <CardTitle className="flex items-center gap-2">
             <ShieldCheck size={18} />
             <span className="text-xl">Account Security Scan</span>
           </CardTitle>
@@ -161,7 +161,7 @@ export const SecurityTab = () => {
       </Card>
       <Card>
         <CardHeader>
-          <CardTitle className="flex items-center gap-1">
+          <CardTitle className="flex items-center gap-2">
             <Lightbulb size={18} />
             <span className="text-xl">Recommendations</span>
           </CardTitle>