fix loading spinner layout shifts, add attributes to avoid 1pw autofill

1Password sometimes tried to autofill the time input

resources/js/packages/ui/src/LoadingSpinner.vue

@@ -8,7 +8,7 @@ const props = defineProps<{
 
 <template>
     <svg
-        :class="twMerge('animate-spin -ml-1 mr-3 h-5 w-5 text-text-primary', props.class)"
+        :class="twMerge('animate-spin -ml-1 mr-3 h-4 w-4 text-text-primary', props.class)"
         xmlns="http://www.w3.org/2000/svg"
         fill="none"
         viewBox="0 0 24 24">

resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue

@@ -135,6 +135,8 @@ function closeAndFocusInput() {
                     data-testid="time_entry_time"
                     class="w-[110px] lg:w-[130px] h-full text-text-primary py-2.5 rounded-lg border-border-secondary border text-center px-4 text-base lg:text-lg font-semibold bg-card-background border-none placeholder-muted focus:ring-0 transition"
                     type="text"
+                    autocomplete="off"
+                    name="time_duration_input"
                     @focus="pauseLiveTimerUpdate"
                     @focusin="openModalOnTab"
                     @keydown.exact.tab="focusNextElement"