feat: performance and visual improvements

src/plugins/built-in/assessmentsOverview/index.ts

@@ -5,8 +5,8 @@ import { renderSkeletonLoader, renderErrorState } from './ui';
 import styles from './styles.css?inline';
 import { delay } from '@/seqta/utils/delay';
 
-const gridViewPlugin: Plugin<{}> = {
-  id: 'assessments-grid-view',
+const assessmentsOverviewPlugin: Plugin<{}> = {
+  id: 'assessments-overview',
   name: 'Assessments Overview',
   description: 'Adds an overview option to the assessments page that organizes assessments by status',
   version: '1.0.0',
@@ -69,4 +69,4 @@ const gridViewPlugin: Plugin<{}> = {
   },
 };
 
-export default gridViewPlugin;
+export default assessmentsOverviewPlugin;

src/plugins/built-in/assessmentsOverview/styles.css

@@ -34,7 +34,7 @@
 }
 
 .filter-select {
-  background: #ffffff;
+  background: #ffffff !important;
   border: 2px solid #e2e8f0;
   border-radius: 8px;
   color: #1a1a1a;
@@ -60,7 +60,7 @@
 
 /* Dark mode dropdowns */
 .dark .filter-select {
-  background: var(--background-primary);
+  background: var(--background-primary) !important;
   border-color: var(--background-secondary);
   color: var(--text-primary);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);