Style: Design System use across more components (#6705)

## Summary

Only remaining use is in `buttonTypes.ts` which @viva-jinyi is going to
be working on to consolidate our different buttons soon.

## Changes

- **What**: Replace light/dark colors with theme aware design system
tokens.

## Review Focus

Double check the chosen colors for the components

## Screenshots

| Before | After |
| ------ | ----- |
| <img width="607" height="432" alt="image"
src="https://github.com/user-attachments/assets/6c0ee6d6-819f-40b1-b775-f8b25dd18104"
/> | <img width="646" height="488" alt="image"
src="https://github.com/user-attachments/assets/9c8532de-8ac6-4b48-9021-3fd0b3e0bc63"
/> |

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6705-Style-WIP-Design-System-use-across-more-components-2ab6d73d365081619115fc5f87a46341)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <github-actions@github.com>

src/workbench/extensions/manager/components/ManagerProgressDialogContent.vue

@@ -22,7 +22,7 @@
         <Panel
           :expanded="collapsedPanels[index] === true"
           toggleable
-          class="shadow-elevation-1 mt-2 rounded-lg dark-theme:border-black dark-theme:bg-black"
+          class="shadow-elevation-1 mt-2 rounded-lg"
         >
           <template #header>
             <div class="flex w-full items-center justify-between py-2">
@@ -67,7 +67,7 @@
               <div
                 v-for="(logLine, logIndex) in log.logs"
                 :key="logIndex"
-                class="text-neutral-400 dark-theme:text-muted"
+                class="text-muted"
               >
                 <pre class="break-words whitespace-pre-wrap">{{ logLine }}</pre>
               </div>