Feat/update brand logo
Summary of Changes
Replaced the temporary placeholder icons with the official brand logo (/logo.png) across the entire web application, including navigation headers, authentication screens, error pages, system notifications, and browser metadata.
Key Updates
-
Main Navigation Header (
src/components/common/navbar.tsx):- Replaced the placeholder
Boticon with<Image src="/logo.png" />. - Added modern biophilic rounded container with subtle border and smooth hover micro-animations.
- Replaced the placeholder
-
Authentication Layout (
src/app/(auth)/layout.tsx):- Replaced the placeholder icon in the auth header (Login, Register, Forgot Password, Reset Password) with the official logo.
-
404 Not Found Page (
src/components/common/not-found-client.tsx):- Updated the brand logo in the standalone 404 navigation header.
-
App Favicon & Metadata (
src/app/layout.tsx):- Configured Next.js
metadata.icons(icon,shortcut, andapple). - Added
src/app/icon.pngandsrc/app/apple-icon.pngfor Next.js App Router dynamic icon generation. - Synchronized
favicon.icoin bothsrc/app/andpublic/.
- Configured Next.js
-
Web Notifications (
src/lib/web-notifications.ts):- Updated desktop browser push notifications to use
/logo.png.
- Updated desktop browser push notifications to use