Refactor button sizes and icon dimensions for improved consistency in signature output component

Author: smitpatelx

src/components/generator/signature-output.tsx

@@ -31,12 +31,12 @@ export const SignatureOutput = (props: GeneratorReducerState['config'] & Generat
                     <h3 className="text-lg font-semibold text-zinc-100">Signature Preview</h3>
 
                     <div className="flex flex-nowrap items-center justify-end gap-4">
-                        <Button size="sm" rounded="md" onClick={handleCopyHtml}>
+                        <Button size="md" rounded="md" onClick={handleCopyHtml}>
                             <Icon icon="copy" size="sm" />
                             HTML
                         </Button>
 
-                        <Button size="sm" rounded="md" onClick={handleCopyRichText}>
+                        <Button size="md" rounded="md" onClick={handleCopyRichText}>
                             <Icon icon="copy" size="sm" />
                             Rich Text
                         </Button>

src/components/generic/button.tsx

@@ -12,11 +12,11 @@ type ButtonSize = typeof BUTTON_SIZE[keyof typeof BUTTON_SIZE];
 const getButtonSizeClass = (size: ButtonSize) => {
     switch (size) {
         case BUTTON_SIZE.sm:
-            return "px-4 py-1 text-sm font-medium";
+            return "px-3 py-1.5 text-xs font-medium";
         case BUTTON_SIZE.md:
-            return "px-4 py-2 text-base font-medium";
+            return "px-4 py-2 text-sm font-medium";
         case BUTTON_SIZE.lg:
-            return "px-6 py-3 text-lg font-medium";
+            return "px-6 py-3 text-base font-medium";
         case BUTTON_SIZE.icon:
             return "p-2";
     }

src/components/generic/icon/icon.tsx

@@ -12,7 +12,7 @@ const ICON_SIZE = {
 type IconSize = typeof ICON_SIZE[keyof typeof ICON_SIZE];
 
 const ICON_SIZE_CLASS = {
-    sm: "w-4 h-4",
+    sm: "w-3 h-3",
     md: "w-5 h-5",
     lg: "w-6 h-6",
     xl: "w-8 h-8",