Update icons

Author: foxeddev

app/not-found.tsx

@@ -2,13 +2,13 @@
 
 import Header from "@/components/sections/Header";
 import Footer from "@/components/sections/Footer";
-import { FaFrown } from "react-icons/fa";
+import { FaRegFrown } from "react-icons/fa";
 
 export default function Error() {
   return (
     <>
       <Header>
-        <FaFrown className="-mt-36 size-64" />
+        <FaRegFrown className="bg-gray-800 -mt-36 p-8 rounded-full size-64 text-white" />
         <div className="flex flex-col items-center gap-2 text-center">
           <p className="font-mono text-gray-500 text-4xl">Error</p>
           <h1 className="font-extrabold text-gray-800 text-8xl sm:text-9xl">

app/page.tsx

@@ -24,7 +24,7 @@ export default function Home() {
   return (
     <>
       <Header>
-        <Image src={Logo} alt="" className="-mt-36 size-64"></Image>
+        <Logo className="bg-gray-800 -mt-36 rounded-full size-64 text-white"></Logo>
         <div className="flex flex-col items-center gap-2 text-center">
           <p className="font-mono text-gray-500 text-4xl">Hi, I&apos;m</p>
           <h1 className="font-extrabold text-gray-800 text-8xl sm:text-9xl">