format

apps/design-system/content/docs/fragments/admonition.mdx

@@ -52,6 +52,7 @@ Only ever use the `primary` (green) button `type` on a `default` Admonition. Eve
 ## Responsive
 
 {' '}
+
 <ComponentPreview
   name="admonition-responsive"
   className="[&_.preview>[data-orientation=vertical]]:sm:max-w-[70%]"

apps/studio/components/interfaces/SignIn/SessionTimeoutModal.tsx

@@ -56,13 +56,12 @@ export const SessionTimeoutModal = ({
           <AlertDialogTitle>Session expired</AlertDialogTitle>
           <AlertDialogDescription asChild>
             <div className="space-y-3">
-              <p>
-                Your session has expired. Sign in again to continue.
-              </p>
+              <p>Your session has expired. Sign in again to continue.</p>
               <AlertCollapsible trigger="Having trouble?">
                 <div className="space-y-3 text-foreground-light">
                   <p>
-                    Try a different browser or disable extensions that block network requests. If the problem persists:
+                    Try a different browser or disable extensions that block network requests. If
+                    the problem persists:
                   </p>
                   <Button type="default" size="tiny" onClick={handleClearStorage}>
                     Clear site data and reload
@@ -74,13 +73,11 @@ export const SessionTimeoutModal = ({
                       queryParams={{ subject: 'Session expired' }}
                     >
                       Contact support
-                    </SupportLink>
-                    {' '}
+                    </SupportLink>{' '}
                     or{' '}
                     <InlineLink href="https://github.com/orgs/supabase/discussions/36540">
                       generate a HAR file
-                    </InlineLink>
-                    {' '}
+                    </InlineLink>{' '}
                     from your session to help us debug.
                   </p>
                 </div>
@@ -90,9 +87,7 @@ export const SessionTimeoutModal = ({
         </AlertDialogHeader>
         <AlertDialogFooter>
           <AlertDialogCancel>Close</AlertDialogCancel>
-          <AlertDialogAction onClick={redirectToSignIn}>
-            Sign in again
-          </AlertDialogAction>
+          <AlertDialogAction onClick={redirectToSignIn}>Sign in again</AlertDialogAction>
         </AlertDialogFooter>
       </AlertDialogContent>
     </AlertDialog>

packages/ui/src/components/AlertCollapsible/AlertCollapsible.tsx

@@ -11,17 +11,23 @@ import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../shadcn/u
 
 export interface AlertCollapsibleProps
   extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>,
-  VariantProps<typeof alertVariants> {
+    VariantProps<typeof alertVariants> {
   trigger: React.ReactNode
   defaultOpen?: boolean
 }
 
 const AlertCollapsible = React.forwardRef<HTMLDivElement, AlertCollapsibleProps>(
   ({ className, variant = 'default', trigger, defaultOpen, children, ...props }, ref) => (
-    <div ref={ref} className={cn(alertVariants({ variant }),
-      // Override default padding to be tighter
-      'p-3',
-      className)} {...props}>
+    <div
+      ref={ref}
+      className={cn(
+        alertVariants({ variant }),
+        // Override default padding to be tighter
+        'p-3',
+        className
+      )}
+      {...props}
+    >
       <Collapsible defaultOpen={defaultOpen}>
         <div className="flex items-center justify-between gap-2">
           <span className="font-medium">{trigger}</span>