restyle the rest of the pages

frontend/src/components/Selector.tsx

@@ -5,11 +5,11 @@ type Props = {
     label: string;
 };
 
+// Label on the left, control on the right — the shape used for export settings.
 const Selector = ({ children, label }: Props) => (
-    <div className="flex items-center gap-2">
-        <label className="w-full text-sm text-gray-600">{label}</label>
-        <div className="w-px h-5 bg-gray-200 mx-2" />
-        {children}
+    <div className="flex items-center justify-between gap-4">
+        <label className="font-body text-[13px] text-text-body">{label}</label>
+        <div className="w-32 flex-shrink-0">{children}</div>
     </div>
 );