[FEAT]: Refactor github redirect and darkmodein al pages. Also refactor right side auto focus

src/components/RightMenu/RightMenu.tsx

@@ -6,7 +6,7 @@ import "./RightMenu.scss";
 import { UserContext } from "../../globals/contexts/UserContext";
 const RightMenu: React.FC<RightMenuProps> = (props: RightMenuProps) => {
   const { items, width, selectedItemProp: selectedItem = 0 } = props;
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
   const darkMode = usuario.darkMode;
 
   const handleClickAnchor = (

src/components/codeHighlight/CodeHighlight.tsx

@@ -10,7 +10,7 @@ const CodeHighlight: React.FC<CodeHighlightProps> = (
   props: CodeHighlightProps
 ) => {
   const { children } = props;
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
   const darkMode = usuario.darkMode;
   const finaldarkmodeclassName = !darkMode
     ? "code-highlight"

src/components/demo-components/sub-title/SubTitle.scss

@@ -3,7 +3,7 @@
   line-height: 1.5;
   letter-spacing: 0.1px;
   //color: #1a2027;
-  &.dark-mode{
+ /*  &.dark-mode{
     //color:rgba(255, 255, 255, 0.7);
-  }
+  } */
 }

src/components/layout-pages/MainLayoutPage.jsx

@@ -5,7 +5,7 @@ import NavBarTemplate from "../../templates/NavBarTemplate";
 import "./LayoutPage.scss";
 
 const MainLayoutPage = ({ children, selectedIndex }) => {
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
   const darkMode = usuario.darkMode;
 
   const finalClassName = darkMode

src/components/main-title/MainTitle.tsx

@@ -7,7 +7,7 @@ interface MainTitleProps {
 }
 const MainTitle: React.FC<MainTitleProps> = (props: MainTitleProps) => {
   const { children, className, style } = props;
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
 
   // const [darkModeOn, setDarkModeOn] = React.useState(false);
   const darkMode = usuario.darkMode;

src/components/paragraph-main/MainParagraph.tsx

@@ -6,7 +6,7 @@ const MainParagraph: React.FC<ParagraphMainProps> = (
   props: ParagraphMainProps
 ) => {
   const { content, children } = props;
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
   const darkModeOn = usuario.darkMode;
   const className = darkModeOn ? "paragraph-main darkmode" : "paragraph-main";
 

src/components/show-demo-code/ShowDemoCode.tsx

@@ -31,7 +31,7 @@ const ShowDemoCode: React.FC<ShowDemoCodeProps> = (
   const [showComplete, setShowComplete] = React.useState(false);
   const [showJS, setShowJS] = React.useState(true);
 
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
   const darkMode = usuario.darkMode;
 
   const code: string = showComplete

src/components/typeHighlight/TypeHighlight.tsx

@@ -12,7 +12,7 @@ const TypeHighlight: React.FC<TypeHighlightProps> = (
   props: TypeHighlightProps
 ) => {
   const { children, np, size } = props;
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
   const darkMode = usuario.darkMode;
   const finaldarkmodeclassName = !darkMode
     ? "type-highlight"