fix tax log

frontend/src/lib/ui/Button.svelte

@@ -0,0 +1,62 @@
+<!-- [DEF:Button:Component] -->
+<!--
+@TIER: TRIVIAL
+@SEMANTICS: button, ui-atom, interactive
+@PURPOSE:   Standardized button component with variants and loading states.
+@LAYER:     Atom
+
+@INVARIANT: Always uses Tailwind for styling.
+@INVARIANT: Supports accessible labels and keyboard navigation.
+-->
+
+<script lang="ts">
+  // [SECTION: IMPORTS]
+  // [/SECTION: IMPORTS]
+
+  // [SECTION: PROPS]
+  /**
+   * @purpose Define component interface and default values.
+   */
+  export let variant: 'primary' | 'secondary' | 'danger' | 'ghost' = 'primary';
+  export let size: 'sm' | 'md' | 'lg' = 'md';
+  export let isLoading: boolean = false;
+  export let disabled: boolean = false;
+  export let type: 'button' | 'submit' | 'reset' = 'button';
+  let className: string = "";
+  export { className as class };
+  // [/SECTION: PROPS]
+
+  const baseStyles = "inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 rounded-md";
+  
+  const variants = {
+    primary: "bg-blue-600 text-white hover:bg-blue-700 focus-visible:ring-blue-500",
+    secondary: "bg-gray-100 text-gray-900 hover:bg-gray-200 focus-visible:ring-gray-500",
+    danger: "bg-red-600 text-white hover:bg-red-700 focus-visible:ring-red-500",
+    ghost: "bg-transparent hover:bg-gray-100 text-gray-700 focus-visible:ring-gray-500"
+  };
+
+  const sizes = {
+    sm: "h-8 px-3 text-xs",
+    md: "h-10 px-4 py-2 text-sm",
+    lg: "h-12 px-6 text-base"
+  };
+</script>
+
+<!-- [SECTION: TEMPLATE] -->
+<button
+  {type}
+  class="{baseStyles} {variants[variant]} {sizes[size]} {className}"
+  disabled={disabled || isLoading}
+  on:click
+>
+  {#if isLoading}
+    <svg class="animate-spin -ml-1 mr-2 h-4 w-4 text-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+      <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+    </svg>
+  {/if}
+  <slot />
+</button>
+<!-- [/SECTION: TEMPLATE] -->
+
+<!-- [/DEF:Button:Component] -->