Refactor component props formatting for consistency in extends usage across UI and documentation files

frontend/docs/design-system/05-component-creation.md

@@ -231,8 +231,7 @@ const componentVariants = cva(
 );
 
 interface MyComponentProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof componentVariants> {
+  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof componentVariants> {
   // Additional props here
 }
 

frontend/docs/design-system/08-ai-guidelines.md

@@ -244,8 +244,7 @@ const componentVariants = cva(
 );
 
 interface ComponentProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof componentVariants> {}
+  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof componentVariants> {}
 
 export function Component({ variant, size, className, ...props }: ComponentProps) {
   return <div className={cn(componentVariants({ variant, size, className }))} {...props} />;