enh(#4): Adds new feature page

frontend/src/App.tsx

@@ -1,15 +1,8 @@
 import React from "react";
-import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import { BrowserRouter as Router } from "react-router-dom";
 import "./App.css";
 import AppContent from "./AppContent";
 
-// Pages & Components
-// import Navbar from "./components/navbar/Navbar";
-// import Footer from "./components/footer/Footer";
-// import Home from "./pages/home/Home";
-// import Features from "./pages/features/Features";
-// import Contact from "./pages/contact/Contact";
-
 function App() {
   return (
     <div className="App">

frontend/src/AppContent.tsx

@@ -1,4 +1,4 @@
-import { BrowserRouter, Routes, Route, useLocation } from "react-router-dom";
+import { Routes, Route, useLocation } from "react-router-dom";
 import "./App.css";
 import { AnimatePresence } from "framer-motion";
 

frontend/src/components/URLShortener/URLShortener.css

@@ -35,7 +35,6 @@
 }
 
 .url-input input {
-  /* position: relative; */
   width: 250px;
   height: 40px;
   outline: none;
@@ -79,7 +78,6 @@
 .right-side-content p {
   font-family: "Roboto", sans-serif;
   font-size: 14px;
-  /* color: var(--text-color); */
   color: #808080;
 }
 

frontend/src/components/featuresCard/FeaturesCard.tsx

@@ -1,9 +1,7 @@
 import React from "react";
 import "./FeaturesCard.css";
-import { FaLink } from "react-icons/fa";
 import { Link, useNavigate } from "react-router-dom";
 import { CardProps } from "./CardProps";
-import { Navigate } from "react-router-dom";
 
 const FeaturesCard: React.FC<CardProps> = ({
   icon,

frontend/src/pages/features/Features.css

@@ -15,15 +15,6 @@
   font-size: 35px;
 }
 
-/* .features-body {
-  min-height: 100vh;
-  margin: 0 10%;
-  margin-bottom: 20px;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-} */
-
 .features-body {
   min-height: 100vh;
   margin: 0 10%;