finish design doctor item & change basic responsive style

app/component/Logo.js

@@ -0,0 +1,21 @@
+import Image from 'next/image'
+import Link from 'next/link'
+import React from 'react'
+
+function Logo() {
+    return (
+        <Link href='/'>
+            <div className="flex items-center justify-start gap-[5px]">
+                <Image
+                    src='/assets/images/logo.png'
+                    width={30}
+                    height={30}
+                    alt="logo"
+                />
+                <p className="text-[#526CAC] text-[16px] font-bold font-kalame">نوبت ۷۲۴</p>
+            </div>
+        </Link>
+    )
+}
+
+export default Logo

app/globals.css

@@ -121,6 +121,24 @@ body {
     background: #FAFAFA;
 }
 
+/* Scroll */
+
+::-webkit-scrollbar {
+    width: 7px;
+}
+
+::-webkit-scrollbar-track {
+    background: #F1F1F1;
+    height: 50px;
+    border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #C1C1C1;
+    height: 50px;
+    border-radius: 20px;
+}
+
 .font-kalame {
     font-family: kalame;
 }
@@ -174,6 +192,9 @@ body {
 }
 
 .padding-responsive {
+    max-width: 1440px;
+    margin-left: auto;
+    margin-right: auto;
     padding-left: 24px;
     padding-right: 24px;
 }