chore: using aliases

Author: anyulled

src/2024/Speakers/Speakers2024.tsx

@@ -1,10 +1,10 @@
-import { MOBILE_BREAKPOINT } from "../../constants/BreakPoints";
-import { Color } from "../../styles/colors";
+import { MOBILE_BREAKPOINT } from "@constants/BreakPoints";
+import { Color } from "@styles/colors";
 import React, { FC, useCallback, useEffect } from "react";
 import LessThanBlueIcon from "../../assets/images/LessThanBlueIcon.svg";
 import MoreThanBlueIcon from "../../assets/images/MoreThanBlueIcon.svg";
-import SectionWrapper from "../../components/SectionWrapper/SectionWrapper";
-import TitleSection from "../../components/SectionTitle/TitleSection";
+import SectionWrapper from "@components/SectionWrapper/SectionWrapper";
+import TitleSection from "@components/SectionTitle/TitleSection";
 import { useWindowSize } from "react-use";
 import {
   SpeakersCardsContainer,
@@ -16,13 +16,13 @@ import {
   StyledSpeakersSection,
   StyledWaveContainer,
 } from "./Speakers.style";
-import webData from "../../data/2024.json";
-import Button from "../../components/UI/Button";
-import { gaEventTracker } from "../../components/analytics/Analytics";
-import { useFetchSpeakers } from "../../hooks/useFetchSpeakers";
-import { SpeakerCard } from "../../views/Speakers/components/SpeakersCard";
-import { ISpeaker } from "../../types/speakers";
-import { useSentryErrorReport } from "../../hooks/useSentryErrorReport";
+import webData from "@data/2024.json";
+import Button from "@components/UI/Button";
+import { gaEventTracker } from "@components/analytics/Analytics";
+import { useFetchSpeakers } from "@hooks/useFetchSpeakers";
+import { SpeakerCard } from "@views/Speakers/components/SpeakersCard";
+import { ISpeaker } from "@types/speakers";
+import { useSentryErrorReport } from "@hooks/useSentryErrorReport";
 
 const LessThanGreaterThan = () => (
   <>
@@ -63,7 +63,7 @@ const Speakers2024: FC<React.PropsWithChildren<unknown>> = () => {
             Technologies and in the JCP."
             color={Color.WHITE}
           />
-          {width > MOBILE_BREAKPOINT && <LessThanGreaterThan/>}
+          {width > MOBILE_BREAKPOINT && <LessThanGreaterThan />}
           <SpeakersCardsContainer>
             {isLoading && <p>Loading...</p>}
             {isBetween(CFPStartDay, CFPEndDay) && (