test: fix tests and typescript typechecks

tests/unit/components/layout/SettingsGrid.test.ts

@@ -1,6 +1,6 @@
 import { render, screen } from "@testing-library/svelte";
 import { describe, expect, it } from "vitest";
-import SettingsGridTest from "$components/layout/SettingsGridTest.svelte";
+import SettingsGridTest from "./SettingsGridTest.svelte";
 
 describe("SettingsGrid.svelte", () => {
   it("should render multiple children using a wrapper component", () => {
@@ -8,12 +8,13 @@ describe("SettingsGrid.svelte", () => {
 
     const settingsGrid = document.querySelector(".settings-grid");
     expect(settingsGrid).toBeInTheDocument();
+    if (!settingsGrid) throw new Error("SettingsGrid element not found");
 
     expect(screen.getByTestId("item1")).toBeInTheDocument();
     expect(screen.getByTestId("item2")).toBeInTheDocument();
     expect(screen.getByTestId("item3")).toBeInTheDocument();
 
-    const items = settingsGrid.querySelectorAll('div[data-testid]');
+    const items = settingsGrid.querySelectorAll("div[data-testid]");
     expect(items.length).toBe(3);
   });
 });