feat: Refactor contact form and improve 404 page

This commit refactors the contact form for better reusability and moves it from the global footer to a dedicated section on the homepage. Additionally, it enhances the user experience on the 404 page.

Key changes:
- The `ContactUsForm` component is now configurable with props for grid layout (`columnsPerRow`) and button text, making it more versatile.
- The contact form has been removed from the shared footer in the main layout and is now explicitly included only on the homepage.
- The 404 "Not Found" page has been updated to include a direct link to the homepage for easier navigation.
- Minor style adjustments were made to the 404 page layout and input field padding for improved visual consistency.

app/(not-found)/[...not-found]/page.tsx

@@ -1,4 +1,5 @@
 import Image from "next/image";
+import Link from "next/link";
 
 interface IProps {}
 
@@ -9,7 +10,7 @@ const NotFoundPage = ({}: IProps) => {
         <Image
           src={"/404.svg"}
           alt="404"
-          width={1000}
+          width={700}
           height={1000}
         />
       </section>
@@ -26,7 +27,15 @@ const NotFoundPage = ({}: IProps) => {
       <section className="flex items-center flex-col justify-center gap-10 mt-10">
         <h1 className="font-bold text-2xl">Page not found</h1>
         <p className="font-semibold text-[16px] text-[#77707f]">
-          Sorry, the page you're looking for does not exist or has been removed
+          Sorry, the page you're looking for does not exist or has been removed.{" "}
+          <br />
+          You can navigate to Home using
+          <Link
+            href="/"
+            className="text-(--primary) mx-1">
+            This
+          </Link>
+          link.
         </p>
       </section>
     </div>