added redirects

package.json

@@ -24,7 +24,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "react-scripts build",
+    "build": "react-scripts build && cp _redirects build/",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },

src/components/App.tsx

@@ -4,11 +4,9 @@ import { Card } from "semantic-ui-react";
 
 import NavBar from "./NavBar";
 import LandingPage from "./LandingPage";
-import Projects from "./PastProjects";
 import Blog from "./Blog";
 import Resume from "./Resume";
 import "../App.css";
-import { useBlogs } from "../hooks/useBlogs";
 import { useDevice } from "../hooks/useDevice";
 import PastProjects from "./PastProjects";
 import Project from "./Project";
@@ -28,7 +26,7 @@ interface RSSFeedItem {
 
 function App() {
   // const { articles } = useBlogs();
-  const { isTabletOrPhone } = useDevice();
+  // const { isTabletOrPhone } = useDevice();
   const [articles, setArticles] = useState<RSSFeedItem[]>([]);
 
   const regex = /(<([^>]+)>)/gi;

src/components/Blog.tsx

@@ -1,5 +1,4 @@
-import { useMediaQuery } from "react-responsive";
-import React, { useEffect, useState } from "react";
+import React from "react";
 import { Card, Button, Image } from "semantic-ui-react";
 import { useDevice } from "../hooks/useDevice";
 

src/components/CurrentProject.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import { Menu, Icon } from "semantic-ui-react";
 import { useDevice } from "../hooks/useDevice";
 
@@ -26,6 +25,7 @@ const CurrentProject = () => {
           </p>
           <div style={{ maxWidth: '600', maxHeight: '100%' }}>
           <iframe
+            title="BioBreak preview"
             src="https://www.youtube.com/embed/OSvQ1FB_MKY"
             frameBorder="0"
             allowFullScreen
@@ -51,6 +51,7 @@ const CurrentProject = () => {
           <iframe
             width="640"
             height="360"
+            title="BioBreak preview"
             src="https://www.youtube.com/embed/OSvQ1FB_MKY"
             frameBorder="0"
             allowFullScreen

src/components/Project.tsx

@@ -1,12 +1,10 @@
 import React, { useEffect, useState } from "react";
-import PropTypes from "prop-types";
 import { Link, Outlet, useLocation, useNavigate } from "react-router-dom";
 import { useDevice } from "../hooks/useDevice";
 import { Menu } from "semantic-ui-react";
 
 const Project = () => {
   const [activeItem, setActiveItem] = useState<string>("");
-  const { isTabletOrPhone } = useDevice();
   const navigate = useNavigate();
   const location = useLocation();