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/staff/components/book-follow-up-button.tsx

@@ -10,7 +10,7 @@ export function BookFollowUpButton({ appointmentId }: { appointmentId: string })
   return (
     <Button
       variant="secondary"
-      className="rounded-jumbo border-line border bg-white px-5 py-3 text-sm font-bold"
+      className="rounded-md border-line border bg-white px-5 py-3 text-sm font-bold"
       isLoading={isPending}
       onClick={() => startTransition(() => startStaffFollowUpAction(appointmentId))}
     >

src/features/staff/components/breaks-list.tsx

@@ -69,11 +69,11 @@ export function BreaksList({
       </Button>
 
       {breaks.length === 0 ? (
-        <p className="text-muted rounded-jumbo border border-line bg-white p-5 text-center text-sm">
+        <p className="text-muted rounded-md border border-line bg-white p-5 text-center text-sm">
           No recurring breaks yet.
         </p>
       ) : (
-        <ul className="divide-y divide-line rounded-jumbo border border-line bg-white">
+        <ul className="divide-y divide-line rounded-md border border-line bg-white">
           {breaks.map((b) => (
             <li key={b.id}>
               <button

src/features/staff/components/notification-preferences-form.tsx

@@ -57,7 +57,7 @@ export function NotificationPreferencesForm({ initial, action }: NotificationPre
         optional. Choose how you'd like to hear about upcoming appointment reminders.
       </p>
 
-      <div className="rounded-jumbo border-line divide-line divide-y overflow-hidden border bg-white">
+      <div className="rounded-md border-line divide-line divide-y overflow-hidden border bg-white">
         {CHANNEL_ORDER.map((channel) => (
           <div key={channel} className="flex items-center justify-between px-4 py-3">
             <span className="text-sm font-medium">Reminders via {CHANNEL_LABEL[channel]}</span>

src/features/staff/components/profile-form.tsx

@@ -60,7 +60,7 @@ export function ProfileForm({ initial }: { initial: ProfileFormInitial }) {
         onChange={(e) => setBio(e.target.value)}
       />
 
-      <div className="rounded-jumbo border border-line bg-white p-5">
+      <div className="rounded-md border border-line bg-white p-5">
         <Switch
           label="Visible for online booking"
           description="Customers can find and book you when this is on."

src/features/staff/components/time-off-list.tsx

@@ -48,11 +48,11 @@ export function TimeOffList({
       <div>
         <p className="mb-2 text-xs font-bold uppercase tracking-widest text-muted">Upcoming</p>
         {upcoming.length === 0 ? (
-          <p className="text-muted rounded-jumbo border border-line bg-white p-5 text-center text-sm">
+          <p className="text-muted rounded-md border border-line bg-white p-5 text-center text-sm">
             No upcoming time off.
           </p>
         ) : (
-          <ul className="divide-y divide-line rounded-jumbo border border-line bg-white">
+          <ul className="divide-y divide-line rounded-md border border-line bg-white">
             {upcoming.map((t) => (
               <li key={t.id}>
                 <button
@@ -74,7 +74,7 @@ export function TimeOffList({
       {past.length > 0 && (
         <div>
           <p className="mb-2 text-xs font-bold uppercase tracking-widest text-muted">Past</p>
-          <ul className="divide-y divide-line rounded-jumbo border border-line bg-stone/50">
+          <ul className="divide-y divide-line rounded-md border border-line bg-stone/50">
             {past.map((t) => (
               <li key={t.id} className="px-5 py-4">
                 <p className="text-sm font-bold text-muted">{formatRange(t.startDate, t.endDate)}</p>

src/features/staff/components/working-hours-form.tsx

@@ -160,7 +160,7 @@ export function WorkingHoursForm({
         Copy Monday to all days
       </button>
 
-      <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">
         {days.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">