Enhance frontend styling and accessibility features

- Updated .dockerignore to exclude backup directory with root-only permissions from build context.
- Added new CSS variables for card radius and transition duration in app.css.
- Implemented consistent focus ring styles for interactive elements to improve accessibility.
- Refactored card components across various pages to utilize a unified card style, enhancing visual consistency.
- Improved button styles with touch manipulation support for better user interaction on mobile devices.

frontend-nuxt/pages/profile.vue

@@ -3,7 +3,7 @@
     <h1 class="text-2xl font-bold mb-6">Profile</h1>
 
     <!-- User info card -->
-    <div class="card bg-base-200 shadow-xl mb-6 transition-all duration-200">
+    <div class="card card-app card-bg-base-200 mb-6 transition-all duration-200">
       <div class="card-body">
         <template v-if="initialLoad">
           <div class="flex items-center gap-4">
@@ -80,7 +80,7 @@
     </div>
 
     <!-- Upload tokens -->
-    <div class="card bg-base-200 shadow-xl mb-6 transition-all duration-200">
+    <div class="card card-app card-bg-base-200 mb-6 transition-all duration-200">
       <div class="card-body">
         <template v-if="initialLoad">
           <Skeleton class="h-6 w-32 mb-2" />
@@ -116,14 +116,14 @@
           </ul>
           <p v-else class="text-sm mt-2">No tokens yet.</p>
           <p v-if="tokenError" class="text-error text-sm mt-2">{{ tokenError }}</p>
-          <button class="btn btn-primary btn-sm mt-2 min-h-11 touch-manipulation transition-all duration-200 hover:scale-[1.02]" :disabled="loadingTokens" @click="generateToken">
+          <button class="btn btn-primary btn-sm mt-2 min-h-11 touch-manipulation" :disabled="loadingTokens" @click="generateToken">
             {{ loadingTokens ? '…' : 'Generate token' }}
           </button>
         </template>
       </div>
     </div>
 
-    <div class="card bg-base-200 shadow-xl mb-6 transition-all duration-200">
+    <div class="card card-app card-bg-base-200 mb-6 transition-all duration-200">
       <div class="card-body">
         <h2 class="card-title gap-2">
           <icons-icon-settings />
@@ -136,7 +136,7 @@
             autocomplete="new-password"
           />
           <p v-if="passMsg" class="text-sm" :class="passOk ? 'text-success' : 'text-error'">{{ passMsg }}</p>
-          <button type="submit" class="btn btn-sm min-h-11 touch-manipulation transition-all duration-200 hover:scale-[1.02]" :disabled="loadingPass">Save password</button>
+          <button type="submit" class="btn btn-sm min-h-11 touch-manipulation" :disabled="loadingPass">Save password</button>
         </form>
       </div>
     </div>