🛠️ Refactor code for better readability and organization.

🎨 Improve styling and layout of the 404 page.
🐛 Fix a bug in the Page404 component.
✨ Add a new feature to the 404 page.
📚 Update documentation and comments in the code.
🚧 Work in progress: continuing development on Page404.
⚙️ Configure routing and navigation for the 404 page.
🌟 Make the 404 page more user-friendly.
🔄 Update dependencies and packages used in the project.

src/app/not-found.tsx

@@ -0,0 +1,23 @@
+import React from "react";
+import I404Png from "@/images/404.png";
+import Image from "next/image";
+import ButtonPrimary from "@/shared/ButtonPrimary";
+
+const Page404 = () => (
+  <div className="nc-Page404">
+    <div className="container relative pt-5 pb-16 lg:pb-20 lg:pt-5">
+      {/* HEADER */}
+      <header className="text-center max-w-2xl mx-auto space-y-2">
+        <Image src={I404Png} alt="not-found" />
+        <span className="block text-sm text-neutral-800 sm:text-base dark:text-neutral-200 tracking-wider font-medium">
+          {`THE PAGE YOU WERE LOOKING FOR DOESN'T EXIST.`}{" "}
+        </span>
+        <div className="pt-8">
+          <ButtonPrimary href="/">Return Home Page</ButtonPrimary>
+        </div>
+      </header>
+    </div>
+  </div>
+);
+
+export default Page404;