chore: chevron down account

src/components/Login/AccountDropdown.astro

@@ -1,10 +1,17 @@
+---
+import Icon from '../Icon.astro';
+---
+
 <div class='relative block hidden' id='account-dropdown'>
   <button
-    class='flex h-8 w-24 items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm font-medium text-white hover:from-blue-500 hover:to-blue-600'
+    class='flex h-8 w-28 items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm font-medium text-white hover:from-blue-500 hover:to-blue-600'
     type='button'
     data-account-button
   >
-    <span>Account</span>
+    <span class='flex items-center gap-1'>
+      Account
+      <Icon icon='chevron-down' class='h-4 w-4 stroke-[3px]' />
+    </span>
   </button>
 
   <div

src/components/Login/AccountNavigation.astro

@@ -1,5 +1,4 @@
 ---
-import Spinner from '../Spinner.astro';
 import AccountDropdown from './AccountDropdown.astro';
 ---
 
@@ -8,7 +7,7 @@ import AccountDropdown from './AccountDropdown.astro';
 
   <a
     id='register-button'
-    class='flex h-8 w-24 cursor-pointer items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm font-medium text-white hover:from-blue-500 hover:to-blue-600'
+    class='flex h-8 w-28 cursor-pointer items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm font-medium text-white hover:from-blue-500 hover:to-blue-600'
     href='/signup'
   >
     <span>Register</span>

src/icons/chevron-down.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
+</svg>