Merge pull request #176 from nepalcodes/SansCaar/issue160

FIxed import statements

nepalingo-web/src/components/ActivityCard.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import Button from "./Button";
+import Button from "@/components/Button";
 
 interface ActivityCardProps {
   backgroundImageUrl: string;

nepalingo-web/src/components/header/About.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import Header from "./Header";
+import Header from "@/components/header/Header";
 
 const teamMembers = [
   {

nepalingo-web/src/components/header/ChangeLanguage.tsx

@@ -1,8 +1,8 @@
 import React, { useEffect, useRef, useState } from "react";
-import Menu from "./Menu";
+import Menu from "@/components/header/Menu";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faChevronDown } from "@fortawesome/free-solid-svg-icons";
-import { LanguageKey, Languages, useLanguage } from "../../hooks/Langauge";
+import { LanguageKey, Languages, useLanguage } from "@/hooks/Langauge";
 
 const ChangeLanguage: React.FC = () => {
   const [isOpen, setIsOpen] = useState(false);

nepalingo-web/src/components/header/Menu.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { LanguageKey } from "../../hooks/Langauge";
+import { LanguageKey } from "@/hooks/Langauge";
 
 interface MenuProps {
   isOpen: boolean;

nepalingo-web/src/main.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "@/App";
-import "./index.css";
+import "@/index.css";
 import { AuthProvider } from "@/hooks/Auth";
 import { StreakProvider } from "@/hooks/StreakContext";
 import { LanguageProvider } from "@/hooks/Langauge";

nepalingo-web/src/pages/Login.tsx

@@ -11,7 +11,7 @@ import {
   faEye,
   faEyeSlash,
 } from "@fortawesome/free-solid-svg-icons";
-import TheBird from "../assets/TheBird.png";
+import TheBird from "@/assets/TheBird.png";
 import ReactGA from "react-ga4";
 
 const Login: React.FC = () => {

nepalingo-web/src/pages/ResetPassword.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { useAuth } from "../hooks/Auth";
+import { useAuth } from "@/hooks/Auth";
 import { useNavigate } from "react-router-dom";
 import CustomTextInput from "@/components/CustomTextInput";
 import Button from "@/components/Button";