refactor(responsive): Adjust breakpoint from md to lg for better layout

The previous `md` breakpoint (768px) caused the desktop layout to activate too early, resulting in a cramped appearance on tablet-sized screens.

This commit updates the responsive design by changing the primary breakpoint from `md` to `lg` (1024px) across the home page, contact page, and main layouts. This change ensures a more appropriate and visually balanced layout is maintained on medium-sized devices, improving the overall user experience.

app/(home)/contact-us/page.tsx

@@ -38,7 +38,7 @@ const ContactUsPage = () => {
         </p>
       </div>
       <div className="flex flex-col items-center mt-16 px-8 ">
-        <section className="border border-gray-300 rounded-4xl w-full md:max-w-2/3 flex flex-col items-center bg-white">
+        <section className="border border-gray-300 rounded-4xl w-full lg:max-w-2/3 flex flex-col items-center bg-white">
           <ContactUsForm columnsPerRow={1} />
         </section>
       </div>