chore: Update branding assets and dependencies

apps/app/public/site.webmanifest

@@ -1 +1,21 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{
+  "name": "Comp AI",
+  "short_name": "Comp AI",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

apps/app/src/app/[locale]/layout.tsx

@@ -5,7 +5,6 @@ import { env } from "@/env.mjs";
 import { initializeServer } from "@bubba/analytics/src/server";
 import { NextSSRPlugin } from "@uploadthing/react/next-ssr-plugin";
 import { GeistMono } from "geist/font/mono";
-import { GeistSans } from "geist/font/sans";
 import type { Metadata } from "next";
 import { SessionProvider } from "next-auth/react";
 import localFont from "next/font/local";

apps/app/src/components/risks/risk-comments.tsx

@@ -47,7 +47,7 @@ export function RiskComments({
               return (
                 <div
                   key={comment.id}
-                  className="group relative flex flex-col gap-3 rounded-lg border bg-card p-4 shadow-sm transition-colors"
+                  className="group relative flex flex-col gap-3 border bg-card p-4 shadow-sm transition-colors"
                 >
                   <div className="flex items-start justify-between gap-4">
                     <div className="flex-1">

apps/app/src/components/risks/tasks/task-attachment.tsx

@@ -40,7 +40,7 @@ export async function TaskAttachments({
                   <Link
                     href={signedUrls[index].signedUrl}
                     target="_blank"
-                    className="text-primary hover:underline"
+                    className="hover:underline"
                   >
                     {attachment.name}
                   </Link>

apps/app/src/components/risks/tasks/task-comments.tsx

@@ -28,6 +28,7 @@ export function TaskComment({
           <div className="flex items-center justify-between gap-2">
             {t("common.comments.title")}
             <Button variant="action" onClick={() => setOpen("true")}>
+              <MessageSquare className="h-4 w-4" />
               {t("common.comments.add")}
             </Button>
           </div>

apps/app/src/components/upload-dialog.tsx

@@ -15,6 +15,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "@bubba/ui/dialog";
+import { Cloud } from "lucide-react";
 import { useAction } from "next-safe-action/hooks";
 import { toast } from "sonner";
 
@@ -55,8 +56,8 @@ export function UploadDialog({ taskId, riskId }: UploadDialogProps) {
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
         <Button variant="action">
-          {t("common.attachments.upload")}{" "}
-          {files.length > 0 && `(${files.length})`}
+          <Cloud className="h-4 w-4" />
+          {t("common.attachments.upload")}
         </Button>
       </DialogTrigger>
       <DialogContent className="sm:max-w-xl">

apps/web/public/site.webmanifest

@@ -1 +1,21 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{
+  "name": "Comp AI",
+  "short_name": "Comp AI",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

apps/web/src/app/layout.tsx

@@ -1,25 +1,27 @@
+import { GeistMono } from "geist/font/mono";
 import type { Metadata } from "next";
-import { Geist } from "next/font/google";
 import { Toaster } from "sonner";
 import "@bubba/ui/globals.css";
 import { Providers } from "@/app/providers";
 import { env } from "@/env.mjs";
 import { cn } from "@/lib/utils";
 import { GoogleTagManager } from "@next/third-parties/google";
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
+import localFont from "next/font/local";
 
 export const metadata: Metadata = {
   title: "Comp AI",
   description: "Automate SOC 2, ISO 27001 and GDPR compliance with AI.",
   icons: {
-    icon: "/android-chrome-192x192.png",
+    icon: "/favicon-96x96.png",
   },
 };
 
+const font = localFont({
+  src: "../../public/fonts/GeneralSans-Variable.ttf",
+  display: "swap",
+  variable: "--font-general-sans",
+});
+
 export const preferredRegion = ["auto"];
 
 export default function RootLayout({
@@ -33,7 +35,7 @@ export default function RootLayout({
       <body
         className={cn(
           "bg-background font-sans antialiased",
-          geistSans.variable,
+          `${GeistMono.variable} ${font.variable}`,
         )}
       >
         <Providers attribute="class" defaultTheme="system" enableSystem>