migrate mobile ui utils to typescript

src/components/mobile/ColorSelectionSheet.vue

@@ -36,7 +36,7 @@ import { useI18n } from '@/locales/helpers.ts';
 import type { ColorValue, ColorInfo } from '@/core/color.ts';
 import { arrayContainsFieldValue } from '@/lib/common.ts';
 import { getColorsInRows } from '@/lib/color.ts';
-import { scrollToSelectedItem } from '@/lib/ui/mobile.js';
+import { scrollToSelectedItem } from '@/lib/ui/mobile.ts';
 
 const props = defineProps<{
     modelValue: ColorValue;

src/components/mobile/DateTimeSelectionSheet.vue

@@ -64,7 +64,7 @@ import {
     getTimeValues,
     getCombinedDateAndTimeValues
 } from '@/lib/datetime.ts';
-import { createInlinePicker } from '@/lib/ui/mobile.js';
+import { createInlinePicker } from '@/lib/ui/mobile.ts';
 
 export default {
     props: [

src/components/mobile/IconSelectionSheet.vue

@@ -36,7 +36,7 @@ import { useI18n } from '@/locales/helpers.ts';
 import type { IconInfo, IconInfoWithId } from '@/core/icon.ts';
 import { arrayContainsFieldValue } from '@/lib/common.ts';
 import { getIconsInRows } from '@/lib/icon.ts';
-import { scrollToSelectedItem } from '@/lib/ui/mobile.js';
+import { scrollToSelectedItem } from '@/lib/ui/mobile.ts';
 
 const props = defineProps<{
     modelValue: string;

src/components/mobile/ListItemSelectionSheet.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import { scrollToSelectedItem } from '@/lib/ui/mobile.js';
+import { scrollToSelectedItem } from '@/lib/ui/mobile.ts';
 
 export default {
     props: [

src/components/mobile/NumberPadSheet.vue

@@ -69,7 +69,7 @@
 import { type Ref, ref, computed } from 'vue';
 
 import { useI18n } from '@/locales/helper.js';
-import { useI18nUIComponents } from '@/lib/ui/mobile.js';
+import { useI18nUIComponents } from '@/lib/ui/mobile.ts';
 import { useUserStore } from '@/stores/user.ts';
 
 import { ALL_CURRENCIES } from '@/consts/currency.ts';

src/components/mobile/ScheduleFrequencySheet.vue

@@ -70,7 +70,7 @@ import { useUserStore } from '@/stores/user.ts';
 
 import { ScheduledTemplateFrequencyType } from '@/core/template.ts';
 import { sortNumbersArray } from '@/lib/common.ts';
-import { scrollToSelectedItem } from '@/lib/ui/mobile.js';
+import { scrollToSelectedItem } from '@/lib/ui/mobile.ts';
 
 export default {
     props: [

src/components/mobile/TransactionTagSelectionSheet.vue

@@ -80,7 +80,7 @@ import { mapStores } from 'pinia';
 import { useTransactionTagsStore } from '@/stores/transactionTag.js';
 
 import { copyArrayTo } from '@/lib/common.ts';
-import { scrollToSelectedItem } from '@/lib/ui/mobile.js';
+import { scrollToSelectedItem } from '@/lib/ui/mobile.ts';
 
 export default {
     props: [

src/components/mobile/TreeViewSelectionSheet.vue

@@ -42,7 +42,7 @@
 
 <script>
 import { isArray } from '@/lib/common.ts';
-import { scrollToSelectedItem } from '@/lib/ui/mobile.js';
+import { scrollToSelectedItem } from '@/lib/ui/mobile.ts';
 
 export default {
     props: [

src/components/mobile/TwoColumnListItemSelectionSheet.vue

@@ -66,7 +66,7 @@ import {
     getItemByKeyValue,
     getPrimaryValueBySecondaryValue
 } from '@/lib/common.ts';
-import { scrollToSelectedItem } from '@/lib/ui/mobile.js';
+import { scrollToSelectedItem } from '@/lib/ui/mobile.ts';
 
 export default {
     props: [