refactor: remove unused styles and update 2024 route constants

Author: anyulled

src/2023/SpeakerDetail/Speaker.style.ts

@@ -117,23 +117,7 @@ export const StyledName = styled.h3`
     text-align: left;
   }
 `;
-export const StyledSpeakerImgBorder = styled.div`
-  width: 100%;
-  height: 300px;
-  margin-bottom: 0.75rem;
-  padding: 0.3rem;
-  border: 1px solid ${Color.YELLOW};
 
-  @media only screen and (min-width: ${BIG_BREAKPOINT}px) {
-    padding: 0.2rem;
-    height: 250px;
-  }
-
-  @media only screen and (min-width: ${LARGE_BREAKPOINT}px) {
-    padding: 0.2rem;
-    height: 325px;
-  }
-`;
 export const StyledSpeakerImg = styled.img`
   border-radius: 10px;
   padding: 5px;
@@ -190,16 +174,3 @@ export const StyledSocialMediaIcon = styled.img<{ noMargin?: boolean }>`
     margin-right: ${({ noMargin }) => (noMargin ? "0" : "0.5rem")};
   }
 `;
-export const rightVariants = {
-  initial: {
-    x: "100%",
-    opacity: 0,
-  },
-  animate: {
-    x: 0,
-    opacity: 1,
-    transition: {
-      duration: 0.7,
-    },
-  },
-};

src/2024/SpeakerDetail/SpeakerDetail.tsx

@@ -8,7 +8,10 @@ import linkedinIcon from "../../assets/images/linkedinIcon.svg";
 import twitterIcon from "../../assets/images/twitterIcon.svg";
 import { useWindowSize } from "react-use";
 
-import { ROUTE_SPEAKERS, ROUTE_TALK_DETAIL } from "../../constants/routes";
+import {
+  ROUTE_2024_SPEAKERS,
+  ROUTE_2024_TALK_DETAIL,
+} from "../../constants/routes";
 import { Link } from "react-router";
 import { Color } from "../../styles/colors";
 import conferenceData from "../../data/2024.json";
@@ -122,7 +125,7 @@ const SpeakerDetail: FC<React.PropsWithChildren<ISpeakerDetailProps>> = ({
                     {speaker?.sessions?.map((session) => (
                       <li key={session.id}>
                         <StyledTalkDescription
-                          to={`${ROUTE_TALK_DETAIL}/${session.id}`}
+                          to={`${ROUTE_2024_TALK_DETAIL}/${session.id}`}
                         >
                           <StyledSpeakerTitle>
                             <img
@@ -141,7 +144,7 @@ const SpeakerDetail: FC<React.PropsWithChildren<ISpeakerDetailProps>> = ({
               )}
 
               <Link
-                to={ROUTE_SPEAKERS}
+                to={ROUTE_2024_SPEAKERS}
                 style={{
                   color: Color.BLACK_BLUE,
                   fontWeight: "bold",