feat: update theme toggle buttons for improved clarity and consistency

Author: ErwanDecoster

src/components/ModeToggle.tsx

@@ -13,11 +13,11 @@ export function ModeToggle() {
         size={'none'}
         className={cn(
           'text-foreground hover:bg-muted border p-1',
-          theme === 'dark' ? 'border' : 'border-transparent'
+          theme === 'system' ? 'border' : 'border-transparent'
         )}
-        onClick={() => setTheme('dark')}
+        onClick={() => setTheme('system')}
       >
-        <Moon />
+        <Monitor />
       </Button>
       <Button
         variant={'link'}
@@ -35,11 +35,11 @@ export function ModeToggle() {
         size={'none'}
         className={cn(
           'text-foreground hover:bg-muted border p-1',
-          theme === 'system' ? 'border' : 'border-transparent'
+          theme === 'dark' ? 'border' : 'border-transparent'
         )}
-        onClick={() => setTheme('system')}
+        onClick={() => setTheme('dark')}
       >
-        <Monitor />
+        <Moon />
       </Button>
     </div>
   );

src/modules/datasets/SchemaSearch.tsx

@@ -149,7 +149,7 @@ export function SchemaSearch({
                     {group.items.map((type) => (
                       <SelectItem
                         key={type.value}
-                        className="text-base font-bold data-[state=checked]:text-primary"
+                        className="data-[state=checked]:text-primary text-base font-bold"
                         value={type.value}
                       >
                         {type.value}

src/modules/tasks/task/buildTaskDetails.tsx

@@ -128,7 +128,10 @@ export function buildTaskDetails({ task }: { task: TaskQuery['task'] }) {
             statusEnum={task.status}
             timeoutTimestamp={task.finalDeadline * 1000}
           />
-          <ClaimButton taskOrDeal={task} className="text-foreground underline" />
+          <ClaimButton
+            taskOrDeal={task}
+            className="text-foreground underline"
+          />
           <DownloadResult taskid={task.taskid} taskResults={task.results} />
         </div>
       ),