Fix all ESLint warnings that fail CI (CI=true treats warnings as errors)

- Named exports for LanguageCodes and Themes constants
- Remove unused imports: useContext, LanguageSelector
- Remove unused styled components: ButtonContainer, Container, TipsTitle
- Add eslint-disable for intentional ref deps in useCallback/useEffect

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: ChengaDev

src/App.tsx

@@ -44,6 +44,7 @@ const EnglishLayout = () => {
 
   useEffect(() => {
     changeLocale('en')
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   return <animated.div style={fadeIn}><Outlet /></animated.div>
@@ -69,6 +70,7 @@ const LangLayout = () => {
     } else if (lang && NON_ENGLISH_LANGS.includes(lang)) {
       changeLocale(lang)
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [lang])
 
   if (!isValidLang) return <NotFound />

src/components/Controls.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import styled from 'styled-components';
 
 import { useLocalization } from '../contexts/Language/LanguageProvider';

src/components/Instructions.tsx

@@ -107,19 +107,6 @@ const AnimatedTitle = styled.h1`
   }
 `
 
-const TipsTitle = styled.h2`
-  color: ${props => props.theme.titleColor};
-  font-size: 1.8rem;
-  margin-bottom: 2rem;
-  text-align: center;
-  font-weight: 600;
-  font-family: 'Poppins', sans-serif;
-  letter-spacing: -0.5px;
-  animation: ${fadeInUp} 0.6s ease-out;
-  animation-delay: 0.6s;
-  opacity: 0;
-  animation-fill-mode: forwards;
-`
 
 const Description = styled.p`
   text-align: center;

src/components/ShotClock.tsx

@@ -29,12 +29,14 @@ const ShotClock = () => {
 		if (currentSeconds < ShotClockReset.BackCountPosition && !isTickingRef.current) {
 			setCurrentSeconds(currentSeconds + 1);
 		}
+	// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [isTickingRef.current, currentSeconds]);
 
 	const decrementSecond = useCallback(() => {
 		if (currentSeconds > 0 && !isTickingRef.current) {
 			setCurrentSeconds(currentSeconds - 1);
 		}
+	// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [isTickingRef.current, currentSeconds]);
 
 	const on14SecondsClick = useCallback(() => {
@@ -46,6 +48,7 @@ const ShotClock = () => {
 
 		setIsTimeDisplay(true);
 		setCurrentSeconds(ShotClockReset.FrontCountPosition);
+	// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [isTickingRef.current, intervalRef.current]);
 
 	const on24SecondsClick = useCallback(() => {
@@ -57,6 +60,7 @@ const ShotClock = () => {
 
 		setIsTimeDisplay(true);
 		setCurrentSeconds(ShotClockReset.BackCountPosition);
+	// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [isTickingRef.current, intervalRef.current]);
 
 	const onTickToggle = () => {

src/components/ShotClockPage.tsx

@@ -1,4 +1,3 @@
-import LanguageSelector from '../components/LanguageSelector'
 import ShotClock from '../components/ShotClock'
 import { createGlobalStyle } from 'styled-components'
 import background from '../assets/Group8.svg'
@@ -44,33 +43,6 @@ const GlobalStyle = createGlobalStyle`
   }
 `
 
-const ButtonContainer = styled.div`
-  display: flex;
-  justify-content: center;
-  gap: 1rem;
-  margin-top: 2rem;
-  margin-bottom: 1rem;
-
-  @media (max-width: 768px) {
-    margin-bottom: 0;
-    padding-bottom: 1rem;
-  }
-`
-
-const Container = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  min-height: calc(100vh - 60px);
-  padding: 2rem 1rem;
-  box-sizing: border-box;
-
-  @media (max-width: 768px) {
-    min-height: calc(100vh - 60px - 60px); // Subtract header and footer height
-    padding: 1rem;
-  }
-`
 
 const PageBlurb = styled.p`
   text-align: center;

src/constants/LanguageCodes.tsx

@@ -1,6 +1,8 @@
-export default {
+const LanguageCodes = {
   English: 'en',
   Italian: 'it',
   Spanish: 'es',
   French: 'fr',
 }
+
+export default LanguageCodes

src/constants/Themes.tsx

@@ -1,4 +1,6 @@
-export default {
+const Themes = {
 	Light: 'light',
-	Dark: 'dark'
-};
+	Dark: 'dark',
+}
+
+export default Themes