Fixes

Fixed an issue where media manager only shows files uploaded in specific sections.

Fixed an issue with icon picker names.

Removed jumbo rounding and a few other style tweaks.

src/features/installation/components/install-wizard.tsx

@@ -401,7 +401,7 @@ export function InstallWizard() {
               Copy Monday to all days
             </button>
           </div>
-          <div className="divide-line rounded-jumbo border-line divide-y border bg-white">
+          <div className="divide-line rounded-md border-line divide-y border bg-white">
             {hours.map((day) => (
               <div key={day.dayOfWeek} className="flex items-center justify-between gap-4 px-5 py-4">
                 <div className="flex items-center gap-3">
@@ -427,7 +427,7 @@ export function InstallWizard() {
       {step === 6 && (
         <div className="space-y-4">
           <h2 className="text-xl font-bold">Booking settings</h2>
-          <div className="rounded-jumbo border-line border bg-white p-5">
+          <div className="rounded-md border-line border bg-white p-5">
             <Switch
               checked={bookingRules.allowGuestBooking}
               onCheckedChange={(checked) => setBookingRules({ ...bookingRules, allowGuestBooking: checked })}
@@ -467,7 +467,7 @@ export function InstallWizard() {
               onChange={(e) => setBookingRules({ ...bookingRules, slotIntervalMinutes: Number(e.target.value) })}
             />
           </div>
-          <div className="rounded-jumbo border-line space-y-3 border bg-white p-5">
+          <div className="rounded-md border-line space-y-3 border bg-white p-5">
             <Switch
               checked={bookingRules.customerCanChooseStaff}
               onCheckedChange={(checked) => setBookingRules({ ...bookingRules, customerCanChooseStaff: checked })}
@@ -509,7 +509,7 @@ export function InstallWizard() {
           </p>
           <div className="space-y-3">
             {starterServices.map((s) => (
-              <div key={s.key} className="rounded-jumbo border-line space-y-3 border bg-white p-4">
+              <div key={s.key} className="rounded-md border-line space-y-3 border bg-white p-4">
                 <div className="flex items-center justify-between">
                   <p className="text-muted text-[10px] font-bold tracking-widest uppercase">Service</p>
                   <button type="button" onClick={() => removeStarter(s.key)} className="text-danger text-xs font-bold uppercase">
@@ -590,7 +590,7 @@ function StepNav({ onBack, onNext, nextDisabled }: { onBack: () => void; onNext:
 
 function ReviewSection({ title, children }: { title: string; children: React.ReactNode }) {
   return (
-    <div className="rounded-jumbo border-line border bg-white p-4">
+    <div className="rounded-md border-line border bg-white p-4">
       <p className="text-muted text-[10px] font-bold tracking-widest uppercase">{title}</p>
       <p className="mt-1 text-sm">{children}</p>
     </div>