Remove unrelated files from PR: page.tsx and 596.avif and fixed the codebase

Author: Mrwicks00

package.json

@@ -56,5 +56,8 @@
   },
   "engines": {
     "node": ">=20.18.3"
+  },
+  "dependencies": {
+    "react-icons": "^5.5.0"
   }
 }

packages/nextjs/app/layout.tsx

@@ -5,8 +5,8 @@ import "~~/styles/globals.css";
 import { getMetadata } from "~~/utils/scaffold-eth/getMetadata";
 
 export const metadata = getMetadata({
-  title: "Scaffold-ETH 2 App",
-  description: "Built with 🏗 Scaffold-ETH 2",
+  title: "Batch 16 BuidlGuidl",
+  description: "Building the future of web3, one block at a time.",
 });
 
 const ScaffoldEthApp = ({ children }: { children: React.ReactNode }) => {

packages/nextjs/app/page.tsx

@@ -17,7 +17,14 @@ const Home: NextPage = () => {
       <div className="flex items-center flex-col grow pt-10">
         <div className="px-5">
           <div className="relative w-32 h-32 mb-6 mx-auto">
-            <Image src="/batch-logo.png" alt="Batch 16 Logo" fill className="object-contain" priority />
+            <Image
+              src="/batch-logo.webp"
+              alt="Batch 16 Logo"
+              width={288}
+              height={288}
+              className="object-contain"
+              priority
+            />
           </div>
           <h1 className="text-center">
             <span className="block text-2xl mb-2">Welcome to</span>

packages/nextjs/components/Header.tsx

@@ -83,11 +83,11 @@ export const Header = () => {
         </details>
         <Link href="/" passHref className="hidden lg:flex items-center gap-2 ml-4 mr-6 shrink-0">
           <div className="flex relative w-10 h-10">
-            <Image alt="SE2 logo" className="cursor-pointer" fill src="/logo.svg" />
+            <Image alt="SE2 logo" className="cursor-pointer" fill src="/batch-logo.webp" />
           </div>
           <div className="flex flex-col">
-            <span className="font-bold leading-tight">Scaffold-ETH</span>
-            <span className="text-xs">Ethereum dev stack</span>
+            <span className="font-bold leading-tight">Batch 16</span>
+            <span className="text-xs">Building the future of web3</span>
           </div>
         </Link>
         <ul className="hidden lg:flex lg:flex-nowrap menu menu-horizontal px-1 gap-2">

packages/nextjs/public/batch-logo.png

@@ -44,7 +44,7 @@ export const getMetadata = ({
       images: [imageUrl],
     },
     icons: {
-      icon: [{ url: "/favicon.ico", sizes: "32x32", type: "image/png" }],
+      icon: [{ url: "/favicon-v2.ico", sizes: "32x32", type: "image/png" }],
     },
   };
 };

packages/nextjs/public/batch-logo.webp

@@ -16658,6 +16658,7 @@ __metadata:
   dependencies:
     husky: ^9.1.6
     lint-staged: ^15.2.10
+    react-icons: ^5.5.0
   languageName: unknown
   linkType: soft