From f3878058bf1b15856c6da6c6ede5a347e1391e8b Mon Sep 17 00:00:00 2001
From: Abhishek Chatterjee <abhishekchatterjeejit@gmail.com>
Date: Sat, 29 Aug 2026 12:23:43 +0530
Subject: [PATCH 1/2] bug(auth): #56: center auth left-panel text block

---
 frontend/src/components/items/AuthLayout.tsx | 34 +++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/items/AuthLayout.tsx b/frontend/src/components/items/AuthLayout.tsx
index 109aefe..8d3db99 100644
--- a/frontend/src/components/items/AuthLayout.tsx
+++ b/frontend/src/components/items/AuthLayout.tsx
@@ -45,23 +45,25 @@ export default function AuthLayout({ children }: AuthLayoutProps) {
               <img src={logo} alt="ayo" className="h-36 w-36 rounded-2xl object-contain" />
             </div>
 
-            <h1 className="text-4xl font-bold leading-tight text-text">
-              {t('auth.brandHeadline')}
-            </h1>
+            <div className="mx-auto w-full max-w-md text-left">
+              <h1 className="text-4xl font-bold leading-tight text-text">
+                {t('auth.brandHeadline')}
+              </h1>
 
-            <ul className="mt-8 space-y-5">
-              {features.map(({ icon: Icon, titleKey, descriptionKey }) => (
-                <li key={titleKey} className="flex items-start gap-4">
-                  <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary">
-                    <Icon className="h-5 w-5" />
-                  </div>
-                  <div>
-                    <p className="font-semibold text-text">{t(titleKey)}</p>
-                    <p className="mt-0.5 text-sm text-text-muted">{t(descriptionKey)}</p>
-                  </div>
-                </li>
-              ))}
-            </ul>
+              <ul className="mt-8 space-y-5">
+                {features.map(({ icon: Icon, titleKey, descriptionKey }) => (
+                  <li key={titleKey} className="flex items-start gap-4">
+                    <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary">
+                      <Icon className="h-5 w-5" />
+                    </div>
+                    <div>
+                      <p className="font-semibold text-text">{t(titleKey)}</p>
+                      <p className="mt-0.5 text-sm text-text-muted">{t(descriptionKey)}</p>
+                    </div>
+                  </li>
+                ))}
+              </ul>
+              </div>
           </div>
 
           <p className="text-sm text-text-faint">{t('auth.brandFooter')}</p>

From 748304854ef5dc82ee1082686e9cf62c586ea297 Mon Sep 17 00:00:00 2001
From: Abhishek Chatterjee <abhishekchatterjeejit@gmail.com>
Date: Sat, 29 Aug 2026 12:25:43 +0530
Subject: [PATCH 2/2] chore(frontend): #56: fixed linting issues

---
 frontend/src/components/items/AuthLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/items/AuthLayout.tsx b/frontend/src/components/items/AuthLayout.tsx
index 8d3db99..89b3107 100644
--- a/frontend/src/components/items/AuthLayout.tsx
+++ b/frontend/src/components/items/AuthLayout.tsx
@@ -63,7 +63,7 @@ export default function AuthLayout({ children }: AuthLayoutProps) {
                   </li>
                 ))}
               </ul>
-              </div>
+            </div>
           </div>
 
           <p className="text-sm text-text-faint">{t('auth.brandFooter')}</p>