fix(ui): added reliable favicon

app/layout.tsx

@@ -1,10 +1,28 @@
-import type { Metadata } from 'next'
+import type { Metadata, Viewport } from 'next'
 import './globals.css'
 import { ZoomPrevention } from './zoom-prevention'
 
+export const viewport: Viewport = {
+  themeColor: '#ffffff',
+}
+
 export const metadata: Metadata = {
   title: 'Sim Studio',
   description: 'Drag and drop agents to create workflows. Powered by Simplicity',
+  manifest: '/favicon/site.webmanifest',
+  icons: {
+    icon: [
+      { url: '/favicon/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
+      { url: '/favicon/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
+    ],
+    apple: '/favicon/apple-touch-icon.png',
+    shortcut: '/favicon/favicon.ico',
+  },
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: 'default',
+    title: 'Sim Studio',
+  },
 }
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {

public/favicon/site.webmanifest

@@ -0,0 +1 @@
+{"name":"Sim Studio","short_name":"Sim Studio","icons":[{"src":"/favicon/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/favicon/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}