Update design

src/components/Setting/SettingSidebar.astro

@@ -11,21 +11,21 @@ export interface Props {
 <div
   class='container flex min-h-[calc(100vh-37px-70px)] items-stretch sm:min-h-[calc(100vh-37px-96px)]'
 >
-  <aside class='hidden w-56 border-r border-slate-100 py-10 pr-5 md:block'>
+  <aside class='hidden w-56 border-r border-slate-200 py-10 pr-5 md:block'>
     <nav>
       <ul class='space-y-1'>
         <li>
           <a
             href='/settings/update-profile'
-            class=`block w-full rounded px-2 py-1.5 font-medium text-slate-900 hover:bg-slate-200 ${pageUrl === 'profile' ? 'bg-slate-100' : ''}`
+            class=`block w-full rounded px-2 py-1.5 font-regular text-slate-900 hover:bg-slate-100 ${pageUrl === 'profile' ? 'bg-slate-100' : ''}`
             >Profile</a
           >
         </li>
         <li>
           <a
             href='/settings/update-password'
-            class=`block w-full rounded px-2 py-1.5 font-medium text-slate-900 hover:bg-slate-200 ${pageUrl === 'change-password' ? 'bg-slate-100' : ''}`
+            class=`block w-full rounded px-2 py-1.5 font-regular text-slate-900 hover:bg-slate-100 ${pageUrl === 'change-password' ? 'bg-slate-100' : ''}`
-            >Change Password</a
+            >Security</a
           >
         </li>
       </ul>