types import error fixed

frontend/src/components/features/comments/ReactionButtons.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+
 import { useAuth } from '../../../contexts/AuthContext';
 import { useReactionCounts, useUserReaction, useAddReaction } from '../../../queries/comments';
 import { Button } from '../../ui/button';

frontend/src/components/layout/Header.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+
 import { Link } from '@tanstack/react-router';
 import { useAuth } from '../../contexts/AuthContext';
 import { Button } from '../ui/button';

frontend/src/components/routes/AuthPage.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { LoginForm } from '../auth/LoginForm';
 import { RegisterForm } from '../auth/RegisterForm';
 import { useAuth } from '../../contexts/AuthContext';

frontend/src/contexts/AuthContext.tsx

@@ -1,7 +1,8 @@
 /* eslint-disable react-refresh/only-export-components */
-import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';
+import { createContext, useContext, useState, useEffect } from 'react';
+import type { ReactNode } from 'react';
 import * as api from '../lib/api';
-import { User } from '@/types';
+import type { User } from '@/types';
 
 interface AuthContextType {
   user: User | null;

frontend/src/queries/comments.ts

@@ -13,7 +13,7 @@ export function useCreateComment() {
   
   return useMutation({
     mutationFn: api.createComment,
-    onSuccess: (data, variables) => {
+    onSuccess: (_data, variables) => {
       queryClient.invalidateQueries({ 
         queryKey: ['comments', { articleId: variables.articleId }] 
       });

frontend/src/routes.tsx

@@ -1,4 +1,4 @@
-import { createRootRoute, createRoute, createRouter, Outlet } from '@tanstack/react-router'
+import { createRootRoute, createRoute, createRouter, Outlet, Link } from '@tanstack/react-router'
 import { ArticleTicker } from './components/ArticleTicker'
 import { ArticlesComponent } from './components/routes/ArticlesComponent'
 import { ArticleDetailComponent } from './components/routes/ArticleDetailComponent'

frontend/src/types/index.ts

@@ -1 +1 @@
-export * from './auth';
+export type { User, UserRole, LoginDto, RegisterDto, AuthResponse, ApiError } from './auth';