feat(logo): add new logo

apps/web-ui/public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"Rustforms - Simple Form Backend","short_name":"Rustforms","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#000000","background_color":"#000000","display":"standalone","description":"Create forms and receive submissions via email"}

apps/web-ui/src/app/dashboard/layout.tsx

@@ -4,9 +4,10 @@ import type React from "react"
 
 import { useState } from "react"
 import Link from "next/link"
+import Image from "next/image"
 import { Button } from "@/components/ui/button"
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
-import { Mail, User, LogOut, FileText, Users, CreditCard, Settings, Building } from "lucide-react"
+import { User, LogOut, FileText, Users, CreditCard, Settings, Building } from "lucide-react"
 import { Badge } from "@/components/ui/badge"
 import { FEATURE_FLAGS } from "@/lib/feature-flags"
 
@@ -28,8 +29,8 @@ export default function DashboardLayout({
       <header className="border-b border-gray-800 bg-black">
         <div className="container mx-auto px-4 py-4 flex items-center justify-between">
           <Link href="/dashboard" className="flex items-center space-x-2">
-            <div className="w-8 h-8 bg-white rounded-lg flex items-center justify-center">
-              <Mail className="w-4 h-4 text-black" />
+            <div className="w-8 h-8 rounded-lg flex items-center justify-center">
+              <Image src="/logo.png" alt="Rustforms Logo" width={32} height={32} className="object-contain" />
             </div>
             <span className="text-xl font-bold text-white">Rustforms</span>
           </Link>

apps/web-ui/src/app/layout.tsx

@@ -10,7 +10,21 @@ const inter = Inter({ subsets: ["latin"] })
 export const metadata: Metadata = {
   title: "Rustforms - Simple Form Backend",
   description: "Create forms and receive submissions via email",
-    generator: 'v0.dev'
+  icons: {
+    icon: [
+      { url: '/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
+      { url: '/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
+      { url: '/favicon.ico', sizes: 'any' }
+    ],
+    apple: [
+      { url: '/apple-touch-icon.png', sizes: '180x180', type: 'image/png' }
+    ],
+    other: [
+      { url: '/android-chrome-192x192.png', sizes: '192x192', type: 'image/png' },
+      { url: '/android-chrome-512x512.png', sizes: '512x512', type: 'image/png' }
+    ]
+  },
+  manifest: '/site.webmanifest'
 }
 
 export default function RootLayout({

apps/web-ui/src/app/page.tsx

@@ -1,8 +1,9 @@
 import Link from "next/link"
+import Image from "next/image"
 import { Button } from "@/components/ui/button"
 import { Card, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { Badge } from "@/components/ui/badge"
-import { ArrowRight, Mail, Shield, Zap, Github, Globe } from "lucide-react"
+import { ArrowRight, Shield, Zap, Github, Globe } from "lucide-react"
 
 export default function HomePage() {
   return (
@@ -11,8 +12,8 @@ export default function HomePage() {
       <header className="border-b border-gray-800">
         <div className="container mx-auto px-4 py-4 flex items-center justify-between">
           <div className="flex items-center space-x-2">
-            <div className="w-8 h-8 bg-white rounded-lg flex items-center justify-center">
-              <Mail className="w-4 h-4 text-black" />
+            <div className="w-8 h-8 rounded-lg flex items-center justify-center">
+              <Image src="/logo.png" alt="Rustforms Logo" width={32} height={32} className="object-contain" />
             </div>
             <span className="text-xl font-bold text-white">Rustforms</span>
           </div>
@@ -147,8 +148,8 @@ export default function HomePage() {
       <footer className="border-t border-gray-800 py-8 px-4">
         <div className="container mx-auto">
           <div className="flex items-center justify-center space-x-2 mb-4">
-            <div className="w-6 h-6 bg-white rounded flex items-center justify-center">
-              <Mail className="w-3 h-3 text-black" />
+            <div className="w-6 h-6 rounded flex items-center justify-center">
+              <Image src="/logo.png" alt="Rustforms Logo" width={24} height={24} className="object-contain" />
             </div>
             <span className="font-semibold text-white">Rustforms</span>
           </div>

logo/site.webmanifest

@@ -0,0 +1 @@
+{"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"}