fix: resolve typescript and tailwind compilation errors

src/components/InputPanel.tsx

@@ -1,5 +1,4 @@
 import { useState, type FormEvent, type KeyboardEvent } from "react";
-import { Link } from "react-router-dom";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
   faCircleNotch,
@@ -288,9 +287,4 @@ export function InputPanel({
   );
 }
 
-function isMac(): boolean {
+
-  if (typeof navigator === "undefined") return false;
-  const p = navigator.platform || "";
-  const ua = navigator.userAgent || "";
-  return /Mac|iPhone|iPad|iPod/.test(p) || /Mac OS X/.test(ua);
-}

src/components/ResultsPanel.tsx

@@ -1,5 +1,5 @@
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faMusic, faSync, faSparkles } from "@fortawesome/free-solid-svg-icons";
+import { faMusic, faSync } from "@fortawesome/free-solid-svg-icons";
 import type { SongAssets } from "../lib/types";
 import { SkeletonCard } from "./SkeletonCard";
 import { TitlesCard } from "./cards/TitlesCard";
@@ -48,7 +48,6 @@ export function ResultsPanel({
   regenerating,
 }: ResultsPanelProps) {
   const showSkeletons = loading && !assets;
-  const { t } = useI18n();
 
   return (
     <div>

src/index.css

@@ -73,10 +73,10 @@
     }
 
     .input {
-        @apply w-full bg-bg-card/50 backdrop-blur-md border border-border rounded-lg px-3 py-2 text-[14px] text-fg
+        @apply w-full bg-bg-card backdrop-blur-md border border-border rounded-lg px-3 py-2 text-[14px] text-fg
-           placeholder-fg-muted/60
+           placeholder-fg-muted
-           focus:outline-none focus:border-accent-primary/60
+           focus:outline-none focus:border-accent-primary
-           focus:ring-1 focus:ring-accent-primary/20
+           focus:ring-1 focus:ring-accent-primary
            transition-colors duration-150 shadow-inner;
     }
 

src/lib/i18n.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, ReactNode } from 'react';
+import { createContext, useContext, useState, ReactNode } from 'react';
 
 type Language = 'de' | 'en';
 

src/lib/theme.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useEffect, useState, ReactNode } from 'react';
+import { createContext, useContext, useEffect, useState, ReactNode } from 'react';
 
 type Theme = 'light' | 'dark';