Change to tel type

frontend/src/components/TrackerSetting.svelte

@@ -13,6 +13,6 @@
 
 <div>
   <h2>{text}</h2>
-  <Input placeholder={"1"} type="tel" bind:value />
+  <Input placeholder={"1"} bind:value required />
   <Button onclick={() => action(value)}>Submit</Button>
 </div>

frontend/src/components/ui/input/input.svelte

@@ -17,11 +17,12 @@
 
 <input
   class={cn(
-		"border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-		className
+    "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+    className,
   )}
   bind:value
   {readonly}
+  type="tel"
   on:blur
   on:change
   on:click