Refactor: project structure, implement dependency injection, and align v2 UI with v1

1 files changed, 24 insertions, 24 deletions

diff --git a/frontend/src/setupTests.ts b/frontend/src/setupTests.ts
index 052d18e..5781184 100644
--- a/frontend/src/setupTests.ts
+++ b/frontend/src/setupTests.ts
@@ -2,39 +2,39 @@ import '@testing-library/jest-dom';
 
 // Mock IntersectionObserver
 class IntersectionObserver {
-    readonly root: Element | null = null;
-    readonly rootMargin: string = '';
-    readonly thresholds: ReadonlyArray<number> = [];
+  readonly root: Element | null = null;
+  readonly rootMargin: string = '';
+  readonly thresholds: ReadonlyArray<number> = [];
 
-    constructor(_callback: IntersectionObserverCallback, _options?: IntersectionObserverInit) {
-        // nothing
-    }
+  constructor(_callback: IntersectionObserverCallback, _options?: IntersectionObserverInit) {
+    // nothing
+  }
 
-    observe(_target: Element): void {
-        // nothing
-    }
+  observe(_target: Element): void {
+    // nothing
+  }
 
-    unobserve(_target: Element): void {
-        // nothing
-    }
+  unobserve(_target: Element): void {
+    // nothing
+  }
 
-    disconnect(): void {
-        // nothing
-    }
+  disconnect(): void {
+    // nothing
+  }
 
-    takeRecords(): IntersectionObserverEntry[] {
-        return [];
-    }
+  takeRecords(): IntersectionObserverEntry[] {
+    return [];
+  }
 }
 
 Object.defineProperty(window, 'IntersectionObserver', {
-    writable: true,
-    configurable: true,
-    value: IntersectionObserver,
+  writable: true,
+  configurable: true,
+  value: IntersectionObserver,
 });
 
 Object.defineProperty(globalThis, 'IntersectionObserver', {
-    writable: true,
-    configurable: true,
-    value: IntersectionObserver,
+  writable: true,
+  configurable: true,
+  value: IntersectionObserver,
 });