feat: add theming

src/app/account/[[...account]]/page.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { UserProfile } from '@clerk/nextjs';
 
 export default function AccountPage() {
@@ -6,7 +8,10 @@ export default function AccountPage() {
       <UserProfile
         appearance={{
           elements: {
-            card: 'shadow-md',
+            card: 'shadow-md dark:bg-secondary-gray [&_*:not(button):not(a)]:dark:text-white',
+            navbar: 'dark:bg-secondary-gray [&_*]:dark:text-white',
+            formFieldInput: 'dark:bg-primary-gray dark:text-white',
+            profileSectionTitle: 'dark:border-white dark:border-opacity-10',
           },
         }}
       />