Enhance RandomPicker component with persistent dialog feature and clean up global styles by removing unnecessary whitespace. Update styles for hover effects and ensure consistent formatting across SCSS files.

.hintrc

@@ -0,0 +1,5 @@
+{
+  "extends": [
+    "development"
+  ]
+}

src/components/RandomPicker.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-dialog v-model="dialog" max-width="600" fullscreen-breakpoint="sm">
+  <v-dialog v-model="dialog" max-width="600" fullscreen-breakpoint="sm" persistent>
     <v-card class="random-picker-card">
       <v-card-title class="text-h5 d-flex align-center">
         <v-icon icon="mdi-account-question" class="mr-2" />

src/styles/global.scss

@@ -76,6 +76,7 @@ html {
 .fullscreen-mode {
   .v-app-bar {
     background-color: rgba(var(--v-theme-surface-variant), 0.85) !important;
+    -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
   }