feat: Refactor layout and add toast notifications

This commit introduces a major structural refactoring by creating a shared application layout and integrates a toast notification system.

Key changes:
- A new `layout.tsx` file now contains the common Header and Footer components, ensuring a consistent structure across all pages.
- The main `page.tsx` has been simplified to only contain its specific content, with layout elements removed.
- The `react-toastify` library has been added to provide user feedback through toast notifications.
- Custom CSS styles have been applied to the toast notifications for a branded look and feel, including different gradient backgrounds for success, error, warning, and info states.
- The `.gitignore` file was updated to explicitly track the `.env` file, likely for an example configuration.

app/contact-us/page.tsx

@@ -0,0 +1,30 @@
+import ContactUsForm from "./form";
+
+const ContactUs = () => {
+  return (
+    <div className="flex flex-col items-center mt-20">
+      <div className="flex flex-col items-center mb-16">
+        <h6 className="text-lg w-fit font-semibold text-(--primary) bg-(--primary)/20 opacity-80 p-2 rounded-full">
+          Contact Us
+        </h6>
+
+        <h1 className="font-extrabold my-6 text-4xl">Let's get in touch</h1>
+        <div className=" text-center block md:flex gap-1">
+          <p className="font-extralight text-xl">
+            Or just reach out manually to
+          </p>
+          <a
+            href="mailto:info@opples.com"
+            className="text-(--primary) font-extralight text-xl">
+            info@opplens.com
+          </a>
+        </div>
+      </div>
+      <section className="border border-gray-300 rounded-4xl w-10/12 flex flex-col items-center">
+        <ContactUsForm />
+      </section>
+    </div>
+  );
+};
+
+export default ContactUs;