Fix TS build: remove unused React imports

Author: aramb-dev

src/app/changelog/page.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import React from "react";
 import { Changelog } from "../../components/Changelog";
 
 export default function ChangelogPage() {

src/app/documentation/page.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import React from "react";
 import Link from "next/link";
 import { Button } from "../../components/ui/button";
 

src/app/privacy/page.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import React from "react";
 import Link from "next/link";
 import { AnalyticsOptOut } from "@/components/analytics/AnalyticsOptOut";
 

src/app/terms/page.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import React from "react";
 import Link from "next/link";
 
 export default function TermsPage() {

src/components/Changelog.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import { useEffect, useState } from "react";
 import Link from "next/link";
 import { marked } from "marked";
 import { Button } from "./ui/button";
@@ -13,9 +13,9 @@ interface ChangelogProps {
 
 export function Changelog({ isModal = false, onClose }: ChangelogProps) {
   // Mobile-first: Use MobileChangelog on small screens
-  const [isMobile, setIsMobile] = React.useState(false);
+  const [isMobile, setIsMobile] = useState(false);
 
-  React.useEffect(() => {
+  useEffect(() => {
     const checkMobile = () => {
       setIsMobile(window.innerWidth < 768);
     };

src/components/ChangelogModal.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Changelog } from "./Changelog";
 import { motion } from "framer-motion";
 import { scaleDown } from "../lib/animations";

src/components/Documentation.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import Link from "next/link";
 import { Button } from "./ui/button";
 

src/components/MobileChangelog.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import Link from "next/link";
 import { marked } from "marked";
 import { Button } from "./ui/button";

src/components/V3AnnouncementModal.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { motion } from "framer-motion";
 import { X, Sparkles, Music2, Play } from "lucide-react";
 import Confetti from "react-confetti";

src/components/feedback/Feedback.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import Link from "next/link";
 import { FeedbackForm } from "./FeedbackForm";