Refactor code structure for improved readability and maintainability

assets/admin/components/layout/Sidebar.tsx

@@ -453,7 +453,7 @@ export default function Sidebar({ mobileOpen: _m, onMobileClose: _c }: Props) {
             {/* Brand */}
             <div className="sidebar-brand">
                 <div className="brand-logo">
-                    <HeartIcon style={{ width: 20, height: 20 }} />
+                    <img src="/logo.png" alt="Clinic Pro" className="brand-img" />
                 </div>
                 <div className="brand-text">
                     <b>ClinicPro</b>

assets/admin/pages/LoginPage.tsx

@@ -186,7 +186,9 @@ export default function LoginPage() {
       <div className="card card-pad" style={{ width: '100%', maxWidth: 420 }}>
 
         <div style={{ textAlign: 'center', marginBottom: 28 }}>
-          <div className="brand-logo" style={{ margin: '0 auto 16px', width: 54, height: 54, borderRadius: 16, fontSize: 26 }}>♥</div>
+          <div className="brand-logo" style={{ margin: '0 auto 16px', width: 54, height: 54, borderRadius: 16 }}>
+            <img src="/logo.png" alt="Clinic Pro" className="brand-img" />
+          </div>
           <h1 style={{ fontSize: 22, fontWeight: 800, marginBottom: 6 }}>ورود به پنل</h1>
           <p className="muted" style={{ fontSize: 13 }}>
             {mode === 'forgot' ? 'بازیابی رمز عبور' : 'اطلاعات حساب خود را وارد کنید'}

assets/admin/styles.css

@@ -332,11 +332,10 @@ body {
 }
 .brand-logo {
   width: 38px; height: 38px; flex: none; border-radius: 11px;
-  background: linear-gradient(150deg, var(--primary), var(--primary-700));
-  display: grid; place-items: center; color: #fff;
-  box-shadow: 0 6px 16px var(--ring);
+  display: grid; place-items: center; overflow: hidden;
   flex-shrink: 0;
 }
+.brand-img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
 .brand-text { display: flex; flex-direction: column; line-height: 1.25; overflow: hidden; white-space: nowrap; }
 .brand-text b    { font-size: 16px; letter-spacing: -.2px; color: var(--text); }
 .brand-text span { font-size: 11.5px; color: var(--text-3); }
@@ -704,7 +703,6 @@ html, body { max-width: 100%; overflow-x: hidden; }
 
 /* لایه‌های ریسپانسیو مشترک */
 .split-2 { display: grid; grid-template-columns: 1fr minmax(0, 320px); gap: var(--gap); align-items: start; }
-.form-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; }
 
 .scrim { display: none; }
 @media (max-width: 1080px) {
@@ -725,9 +723,6 @@ html, body { max-width: 100%; overflow-x: hidden; }
 @media (max-width: 860px) {
   .split-2 { grid-template-columns: 1fr; }
 }
-@media (max-width: 600px) {
-  .form-row { grid-template-columns: 1fr; }
-}
 @media (max-width: 560px) {
   .page-head, .toolbar { flex-wrap: wrap; }
 }

templates/admin/index.html.twig

@@ -10,7 +10,7 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <meta name="apple-mobile-web-app-title" content="ClinicPro">
-    <link rel="apple-touch-icon" href="/favicon.png">
+    <link rel="apple-touch-icon" href="/logo.png">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap" rel="stylesheet">