refactor(ui): enforce poyraz button standards

components/ui/pending-submit-button.tsx

@@ -7,10 +7,14 @@ import { useFormStatus } from "react-dom";
 
 import { cn } from "@/lib/utils";
 
-type PendingSubmitButtonProps = ComponentProps<typeof Button> & {
+type PendingSubmitButtonProps = Omit<
+  ComponentProps<typeof Button>,
+  "effect" | "variant"
+> & {
   idleIcon?: ReactNode;
   pendingIcon?: ReactNode;
   pendingChildren?: ReactNode;
+  variant?: "default" | "secondary";
 };
 
 export function PendingSubmitButton({
@@ -21,6 +25,7 @@ export function PendingSubmitButton({
   pendingChildren,
   pendingIcon,
   type = "submit",
+  variant = "default",
   ...props
 }: PendingSubmitButtonProps) {
   const { pending } = useFormStatus();
@@ -36,6 +41,8 @@ export function PendingSubmitButton({
       aria-busy={pending}
       loading={pending && !pendingIcon}
       className={cn(className)}
+      variant={variant}
+      effect="shine"
     >
       {icon}
       {pending ? pendingChildren ?? children : children}