responsive home page and layout

app/shared/components/FooterNewsletter.tsx

@@ -3,7 +3,7 @@ import { type FC } from "react";
 
 const FooterNewsletter: FC = () => {
   return (
-    <div className="flex max-w-[360px] flex-col gap-4">
+    <div className="flex w-full max-w-[360px] flex-col gap-4 lg:ms-auto">
       <p className="text-sm leading-6 font-bold text-[#0A1B2C]">برای دریافت آخرین پیشنهادها، اخبار و مطالب الهام‌بخش، در خبرنامه ما عضو شوید.</p>
       <form className="relative" action="#">
         <input