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]/layout.tsx

@@ -127,14 +127,9 @@ export default async function RootLayout({
         />
 
         <main className="container px-4 py-4 m-auto flex-grow">{children}</main>
-        <footer className="relative h-full bg-[url('/footer-bg.svg')] bg-cover bg-no-repeat mt-96">
-          <div
-            className="absolute w-full -top-[355px] md:-top-72 h-[600px] z-[-10] "
-            aria-hidden="true"
-          />
-
-          <div className="relative z-10 container px-4 py-4 m-auto flex flex-col justify-center items-center md:mt-36 ">
-            <div className="flex justify-between flex-col md:flex-row gap-14 w-full md:w-1/2 mt-40">
+        <footer className="relative h-full bg-[url('/footer-bg.svg')] bg-cover bg-no-repeat mt-20">
+          <div className="relative z-10 container px-4 py-4 m-auto flex flex-col justify-center items-center">
+            <div className="flex justify-between flex-col md:flex-row gap-14 w-full md:w-1/2 mt-20">
               <div className="flex flex-col gap-10">
                 <Image
                   src={"/footer-logo.svg"}