fix: fixed eslint errors

frontend/src/components/Footer.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import './Footer.css';
-import { useLanguage } from '../contexts/LanguageContext';
+import { useLanguage } from '../hooks/useLanguage';
 
 const Footer = () => {
   const { t } = useLanguage();

frontend/src/components/Header.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
-import { useLanguage } from '../contexts/LanguageContext';
+import { useLanguage } from '../hooks/useLanguage';
 import LanguageSwitcher from './LanguageSwitcher';
 import './Header.css';
 

frontend/src/components/LanguageSwitcher.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useLanguage } from '../contexts/LanguageContext';
+import { useLanguage } from '../hooks/useLanguage';
 import './LanguageSwitcher.css';
 
 const LanguageSwitcher = () => {

frontend/src/contexts/LanguageContext.jsx

@@ -1,86 +1,5 @@
-import React, { createContext, useContext, useState } from 'react';
+import React, { useState } from 'react';
-
+import { LanguageContext, translations } from './languageContextData';
-const LanguageContext = createContext();
-
-export const useLanguage = () => {
-  const context = useContext(LanguageContext);
-  if (!context) {
-    throw new Error('useLanguage must be used within a LanguageProvider');
-  }
-  return context;
-};
-
-const translations = {
-  en: {
-    // Header
-    home: 'Home',
-    about: 'About',
-    contact: 'Contact',
-    
-    // CTA Section
-    readyToStart: 'Ready to get started?',
-    ctaSubtitle: 'Join thousands of developers building amazing applications with our modern stack.',
-    startBuilding: 'Start Building',
-    
-    // Language Switcher
-    language: 'Language',
-    english: 'English',
-    finnish: 'Finnish',
-    
-    // Search Page
-    searchPlaceholder: 'Enter your search query...',
-    searchButton: 'Search',
-    searchResults: 'Search Results',
-    searchResultsSubtitle: 'Here are the results for your search query.',
-    searchResultsPlaceholder: 'Search results will appear here. Try entering a search term above to get started.',
-    
-    // Search Filters
-    dogFriendly: 'Dog Friendly',
-    accessible: 'Accessible',
-    familyFriendly: 'Family Friendly',
-    peopleCount: 'People',
-    priceRange: 'Price',
-    any: 'Any',
-
-    // Footer
-    footerDescription: 'Find fun things to do!',
-  },
-  fi: {
-    // Header
-    home: 'Koti',
-    about: 'Tietoja',
-    contact: 'Yhteystiedot',
-
-
-    // CTA Section
-    readyToStart: 'Valmiina aloittamaan?',
-    ctaSubtitle: 'Liity tuhansien kehittäjien joukkoon, jotka rakentavat upeita sovelluksia modernilla teknologiapinoamme.',
-    startBuilding: 'Aloita rakentaminen',
-    
-    // Language Switcher
-    language: 'Kieli',
-    english: 'Englanti',
-    finnish: 'Suomi',
-    
-    // Search Page
-    searchPlaceholder: 'Syötä hakukyselysi...',
-    searchButton: 'Hae',
-    searchResults: 'Hakutulokset',
-    searchResultsSubtitle: 'Tässä ovat hakutulokset kyselysi perusteella.',
-    searchResultsPlaceholder: 'Hakutulokset näkyvät täällä. Kokeile syöttää hakusana yllä aloittaaksesi.',
-    
-    // Search Filters
-    dogFriendly: 'Koiraystävällinen',
-    accessible: 'Esteetön',
-    familyFriendly: 'Lapsiystävällinen',
-    peopleCount: 'Henkilöt',
-    priceRange: 'Hinta',
-    any: 'Mikä tahansa',
-
-    // Footer
-    footerDescription: 'Löydä hauskaa tekemistä!',
-  }
-};
 
 export const LanguageProvider = ({ children }) => {
   const [language, setLanguage] = useState('en');

frontend/src/contexts/languageContextData.js

@@ -0,0 +1,75 @@
+import { createContext } from 'react';
+
+export const LanguageContext = createContext();
+
+export const translations = {
+  en: {
+    // Header
+    home: 'Home',
+    about: 'About',
+    contact: 'Contact',
+    
+    // CTA Section
+    readyToStart: 'Ready to get started?',
+    ctaSubtitle: 'Join thousands of developers building amazing applications with our modern stack.',
+    startBuilding: 'Start Building',
+    
+    // Language Switcher
+    language: 'Language',
+    english: 'English',
+    finnish: 'Finnish',
+    
+    // Search Page
+    searchPlaceholder: 'Enter your search query...',
+    searchButton: 'Search',
+    searchResults: 'Search Results',
+    searchResultsSubtitle: 'Here are the results for your search query.',
+    searchResultsPlaceholder: 'Search results will appear here. Try entering a search term above to get started.',
+    
+    // Search Filters
+    dogFriendly: 'Dog Friendly',
+    accessible: 'Accessible',
+    familyFriendly: 'Family Friendly',
+    peopleCount: 'People',
+    priceRange: 'Price',
+    any: 'Any',
+
+    // Footer
+    footerDescription: 'Find fun things to do!',
+  },
+  fi: {
+    // Header
+    home: 'Koti',
+    about: 'Tietoja',
+    contact: 'Yhteystiedot',
+
+
+    // CTA Section
+    readyToStart: 'Valmiina aloittamaan?',
+    ctaSubtitle: 'Liity tuhansien kehittäjien joukkoon, jotka rakentavat upeita sovelluksia modernilla teknologiapinoamme.',
+    startBuilding: 'Aloita rakentaminen',
+    
+    // Language Switcher
+    language: 'Kieli',
+    english: 'Englanti',
+    finnish: 'Suomi',
+    
+    // Search Page
+    searchPlaceholder: 'Syötä hakukyselysi...',
+    searchButton: 'Hae',
+    searchResults: 'Hakutulokset',
+    searchResultsSubtitle: 'Tässä ovat hakutulokset kyselysi perusteella.',
+    searchResultsPlaceholder: 'Hakutulokset näkyvät täällä. Kokeile syöttää hakusana yllä aloittaaksesi.',
+    
+    // Search Filters
+    dogFriendly: 'Koiraystävällinen',
+    accessible: 'Esteetön',
+    familyFriendly: 'Lapsiystävällinen',
+    peopleCount: 'Henkilöt',
+    priceRange: 'Hinta',
+    any: 'Mikä tahansa',
+
+    // Footer
+    footerDescription: 'Löydä hauskaa tekemistä!',
+  }
+}; 

frontend/src/hooks/useLanguage.js

@@ -0,0 +1,10 @@
+import { useContext } from 'react';
+import { LanguageContext } from '../contexts/languageContextData';
+
+export const useLanguage = () => {
+  const context = useContext(LanguageContext);
+  if (!context) {
+    throw new Error('useLanguage must be used within a LanguageProvider');
+  }
+  return context;
+}; 

frontend/src/pages/Home.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Header, Footer, Button, Card } from '../components';
-import { useLanguage } from '../contexts/LanguageContext';
+import { useLanguage } from '../hooks/useLanguage';
 import './Home.css';
 
 const Home = () => {
@@ -68,13 +68,7 @@ const Home = () => {
     }
   ];
 
-  const handleGetStarted = () => {
-    alert('Get Started button clicked!');
-  };
 
-  const handleLearnMore = () => {
-    alert('Learn More button clicked!');
-  };
 
   const handleFilterChange = (filterName, value) => {
     setFilters(prev => ({