docs: update demos

Author: segunadebayo

website/src/components/ui/pagination.tsx

@@ -19,7 +19,9 @@ export const Pagination = forwardRef<HTMLElement, PaginationProps>((props, ref)
           pagination.pages.map((page, index) =>
             page.type === 'page' ? (
               <ArkPagination.Item key={index} {...page} asChild>
-                <Button variant="outline">{page.value}</Button>
+                <Button variant={{ base: 'outline', _selected: 'solid' }} _selected={{ colorPalette: 'coral' }}>
+                  {page.value}
+                </Button>
               </ArkPagination.Item>
             ) : (
               <ArkPagination.Ellipsis key={index} index={index}>

website/src/components/ui/pin-input.tsx

@@ -14,7 +14,7 @@ export const PinInput = forwardRef<HTMLDivElement, PinInputProps>((props, ref) =
   const { children, length = 4, ...rootProps } = props
 
   return (
-    <ArkPinInput.Root ref={ref} {...rootProps}>
+    <ArkPinInput.Root ref={ref} {...rootProps} placeholder="">
       {children && <ArkPinInput.Label>{children}</ArkPinInput.Label>}
       <ArkPinInput.Control>
         {Array.from({ length }, (_, index) => index).map((id, index) => (