Improve mobile keyboard handling and viewport detection

- Disable transitions and make menu persistent on mobile devices
- Add keyboard open/close detection to prevent unwanted viewport updates
- Differentiate between keyboard events and actual viewport changes
- Improve resize debouncing with longer delays for mobile
- Handle orientation changes separately from keyboard events

components/PhoneInputWrapper.vue

@@ -24,8 +24,10 @@
           location="bottom start"
           :offset="4"
           :min-width="mobileDetection.isMobile ? '90vw' : '280'"
-          transition="fade-transition"
+          :transition="mobileDetection.isMobile ? 'none' : 'fade-transition'"
           :no-click-animation="true"
+          :persistent="mobileDetection.isMobile"
+          :attach="false"
         >
           <template #activator="{ props: menuProps }">
             <div