finish design doctor item & change basic responsive style

components/layout/Footer.js

@@ -8,6 +8,7 @@ import Link from "next/link";
 import LocationF from "../icons/LocationF";
 import CalendarAddF from "../icons/CalendarAddF";
 import StethoscopeF from "../icons/StethoscopeF";
+import Logo from "@/app/component/Logo";
 
 const socialMedias = [
     <Linkedin />,
@@ -44,15 +45,7 @@ function Footer() {
                 {/* Right */}
                 <div className="flex gap-[30px] flex-col items-start">
                     {/* Icon */}
-                    <div className="flex items-center justify-start gap-[5px]">
-                        <Image
-                            alt="logo"
-                            width={30}
-                            height={30}
-                            src='/assets/images/logo.png'
-                        />
-                        <p className="text-[#526CAC] text-[16px] font-bold font-kalame">نوبت ۷۲۴</p>
-                    </div>
+                    <Logo />
                     <p
                         className="text-[#616161] text-[14px] font-normal"
                     >724 یک وبسایت نوبت دهی آنلاین می باشد که<br /> بستری آسان برای پزشکان و بیماران فراهم کرده<br /> است.     </p>