fix(ci): add css module types and resolve typecheck/lint warnings in UI and modals

apps/nextjs/src/components/board/items/item-select-modal.spec.tsx

@@ -161,7 +161,7 @@ describe("Advanced Add App - Modal Subcomponents", () => {
       await act(async () =>
         root.render(
           <MantineProvider>
-            <WidgetItem item={item} isSelected={false} connectionStatus="ready" onSelect={onSelect} />
+            <WidgetItem item={item} disabled={false} loading={false} connectionStatus="ready" onSelect={onSelect} />
           </MantineProvider>,
         ),
       );
@@ -192,7 +192,13 @@ describe("Advanced Add App - Modal Subcomponents", () => {
       await act(async () =>
         root.render(
           <MantineProvider>
-            <WidgetItem item={item} isSelected={true} connectionStatus="noConnectionRequired" onSelect={vi.fn()} />
+            <WidgetItem
+              item={item}
+              disabled={false}
+              loading={false}
+              connectionStatus="noConnectionRequired"
+              onSelect={vi.fn()}
+            />
           </MantineProvider>,
         ),
       );

apps/nextjs/src/components/board/items/item-select-modal.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useMemo, useRef, useState } from "react";
 import {
   Avatar,
   Badge,
@@ -66,7 +66,7 @@ interface ItemSelectModalContentProps {
   initialSearch?: string;
 }
 
-interface WidgetItemData {
+export interface WidgetItemData {
   kind: WidgetKind;
   supportedIntegrations: IntegrationKind[];
   icon: TablerIcon;
@@ -556,7 +556,7 @@ export const WidgetItem = ({
   );
 };
 
-const ConnectionStatusBadge = ({ status }: { status: WidgetConnectionStatus }) => {
+export const ConnectionStatusBadge = ({ status }: { status: WidgetConnectionStatus }) => {
   if (status === "noConnectionRequired") return null;
   const t = useI18n();
   const color = status === "ready" ? "green" : status === "needsSetup" ? "yellow" : "gray";
@@ -568,7 +568,7 @@ const ConnectionStatusBadge = ({ status }: { status: WidgetConnectionStatus }) =
   );
 };
 
-const SupportedIntegrations = ({ integrations }: { integrations: IntegrationKind[] }) => {
+export const SupportedIntegrations = ({ integrations }: { integrations: IntegrationKind[] }) => {
   if (integrations.length === 0) {
     return (
       <Text size="xs" c="dimmed" fs="italic">