refactor(ui): remove redundant padding and simplify layout in accordion components

- Removed default padding classes from AccordionContent in ui/accordion.tsx for cleaner styling
- Simplified UploadProgress structure by eliminating unnecessary div wrappers and adjusting spacing in upload-progress.tsx for better layout consistency

Author: CharlyMartin

src/components/ui/accordion.tsx

@@ -42,7 +42,7 @@ function AccordionContent({ className, children, ...props }: React.ComponentProp
       data-slot="accordion-content"
       {...props}
     >
-      <div className={cn('pt-0 pb-4', className)}>{children}</div>
+      <div className={className}>{children}</div>
     </AccordionPrimitive.Content>
   )
 }

src/components/upload/upload-progress.tsx

@@ -109,25 +109,23 @@ export default function UploadProgress({ fileName, fileSize, progress }: UploadP
       defaultValue="file-card"
       type="single"
     >
-      <AccordionItem className="space-y-6" value="file-card">
-        <div className="space-y-6">
-          <div className="flex justify-between items-center">
-            <div className="flex flex-col gap-1">
-              <div className="text-white">{fileName}</div>
-              <div className="text-zinc-400">{fileSize}</div>
-            </div>
-            <div className="flex items-center gap-6">
-              {getCombinedFirstStageStatus() === 'completed' ? (
-                <BadgeStatus status="pinned" />
-              ) : (
-                <BadgeStatus status={getCombinedFirstStageStatus()} />
-              )}
-              <AccordionTrigger />
-            </div>
+      <AccordionItem value="file-card">
+        <div className="flex justify-between items-center">
+          <div className="flex flex-col gap-1">
+            <p className="text-white font-medium">{fileName}</p>
+            <p className="text-zinc-400">{fileSize}</p>
+          </div>
+          <div className="flex items-center gap-6">
+            {getCombinedFirstStageStatus() === 'completed' ? (
+              <BadgeStatus status="pinned" />
+            ) : (
+              <BadgeStatus status={getCombinedFirstStageStatus()} />
+            )}
+            <AccordionTrigger />
           </div>
         </div>
 
-        <AccordionContent className="space-y-6">
+        <AccordionContent className="space-y-6 mt-6">
           {/* Combined first stage: creating-car + checking-readiness + uploading-car */}
           {progress.find((p) => p.step === 'creating-car') && (
             <CardWrapper>