Update marina image to v5 and improve favicon support across devices

- Updated marina image from v3 to v5 for both mobile and desktop layouts
- Moved favicon files to src/app/ for automatic icon handling
- Added icon.svg for modern browsers and updated icon.png for Apple devices
- Removed manual icon metadata configuration
- Icons now automatically serve the correct format for each device

src/app/layout.tsx

@@ -15,11 +15,6 @@ const geistMono = Geist_Mono({
 export const metadata: Metadata = {
   title: "Port Amador",
   description: "Premium marine equipment and services",
-  icons: {
-    icon: '/favicon.svg',
-    shortcut: '/favicon.svg',
-    apple: '/favicon.svg',
-  },
 };
 
 export default function RootLayout({

src/app/page.tsx

@@ -786,7 +786,7 @@ export default function Home() {
             <div className="relative w-full h-[192px] -mt-6 px-4">
               <div className="relative w-full h-full">
                 <Image
-                  src="/marina_cropped_v3.jpg"
+                  src="/marina_cropped_v5.jpg"
                   alt="Port Amador Marina"
                   fill
                   className="object-cover object-bottom"
@@ -824,7 +824,7 @@ export default function Home() {
                     {/* Image positioned to align with heading */}
                     <div ref={imageContainerRef} className="relative h-full lg:h-auto">
                       <Image
-                        src="/marina_cropped_v3.jpg"
+                        src="/marina_cropped_v5.jpg"
                         alt="Port Amador Marina"
                         fill
                         className="object-cover"