Remove backdrop blur from modal backdrops

Removed the 'backdrop-blur-sm' class from BaseBottomDrawer and BaseDialog backdrops. The semi-transparent overlay (bg-black/60) and click handling are unchanged; this only disables the background blur effect for these components.

Author: ChocoMeow

app/components/BaseBottomDrawer.vue

@@ -230,7 +230,7 @@ onBeforeUnmount(() => {
         <Transition name="drawer">
             <div 
                 v-if="modelValue" 
-                class="fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm" 
+                class="fixed inset-0 z-50 flex items-end justify-center bg-black/60" 
                 @click.self="handleBackdropClick"
             >
                 <!-- Drawer Container -->

app/components/BaseDialog.vue

@@ -83,7 +83,7 @@ onBeforeUnmount(() => {
 <template>
     <Teleport to="body">
         <Transition name="dialog">
-            <div v-if="modelValue" class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm" :class="{ 'overflow-y-auto': scrollable }" @click.self="handleBackdropClick">
+            <div v-if="modelValue" class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60" :class="{ 'overflow-y-auto': scrollable }" @click.self="handleBackdropClick">
                 <div class="bg-white dark:bg-gray-950 rounded-2xl shadow-2xl w-full transform transition-all border-1 border-gray-950/5 dark:border-white/10 overflow-hidden" :class="[maxWidth, scrollable ? 'my-8' : '', padding ? 'p-6' : 'p-0']" @click.stop>
                     <!-- Header -->
                     <div v-if="showHeader && (title || showClose || $slots.header)" class="flex items-center justify-between mb-2 flex-shrink-0">