feat(favicon): Add multi-size, square, high-res favicons and app icons for all platforms. Update manifest and global head config. [skip ci]

Author: drumnation

CHANGELOG.md

@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Implemented resume data utility to format portfolio data for AI analysis [#Feature]
 - Implemented document parser utilities for Perfect Fit Analyzer that handle PDF, DOCX, and text files [#Feature]
 - Added comprehensive test suite for document parsing functionality [#Testing]
+- Added multi-size, square, high-resolution favicons and app icons generated from a center-cropped headshot for all platforms (iOS, Android, web, PWA). Updated manifest and global head configuration for best practice support.
 
 ### Changed
 

app/head.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+export default function Head() {
+    return (
+        <>
+            <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png" />
+            <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png" />
+            <link rel="icon" type="image/png" sizes="48x48" href="/favicons/favicon-48x48.png" />
+            <link rel="icon" type="image/png" sizes="64x64" href="/favicons/favicon-64x64.png" />
+            <link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png" />
+            <link rel="icon" type="image/png" sizes="128x128" href="/favicons/favicon-128x128.png" />
+            <link rel="icon" type="image/png" sizes="256x256" href="/favicons/favicon-256x256.png" />
+            <link rel="icon" type="image/png" sizes="384x384" href="/favicons/android-chrome-384x384.png" />
+            <link rel="icon" type="image/png" sizes="512x512" href="/favicons/android-chrome-512x512.png" />
+            <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-touch-icon-152x152.png" />
+            <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon-180x180.png" />
+            <link rel="apple-touch-icon" sizes="192x192" href="/favicons/android-chrome-192x192.png" />
+            <link rel="manifest" href="/manifest.json" />
+            <meta name="theme-color" content="#ffffff" />
+        </>
+    );
+}