[polish] card class name props order

Author: Soecka

components/Git/Issue/Card.tsx

@@ -23,9 +23,9 @@ export const IssueCard: FC<IssueCardProps> = ({
   ...props
 }) => (
   <Box
-    {...props}
-    component={component}
     className={`elevation-1 hover:elevation-4 relative mb-4 grid break-inside-avoid grid-cols-1 grid-rows-5 gap-2 rounded-2xl border border-gray-200 p-4 dark:border-0 ${className}`}
+    component={component}
+    {...props}
   >
     <a
       className="row-span-1 text-2xl font-semibold"

components/Project/Card.tsx

@@ -18,10 +18,12 @@ export const ProjectCard: FC<ProjectCardProps> = ({
   price,
   settlementDate,
   component = 'li',
+  ...props
 }) => (
   <Box
-    component={component}
     className={`elevation-1 hover:elevation-4 relative rounded-2xl border border-gray-200 p-4 dark:border-0 ${className} mb-4 grid break-inside-avoid grid-cols-1 grid-rows-4 gap-2`}
+    component={component}
+    {...props}
   >
     <a className="row-span-2 flex items-center justify-between" href={`/project/${id}`}>
       <h2 className="text-lg">{String(name)}</h2>

components/Project/index.tsx

@@ -9,7 +9,7 @@ export interface ProjectListLayoutProps {
 }
 
 export const ProjectListLayout: FC<ProjectListLayoutProps> = ({ className = '', defaultData }) => (
-  <ul className={`${className} grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3`}>
+  <ul className={`grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 ${className}`}>
     {defaultData.map(item => (
       <ProjectCard key={String(item.id)} className="h-full" {...item} />
     ))}