Added tags to sidebar.

src/componets/SideBar.js

@@ -1,9 +1,8 @@
 import { ProSidebar, SidebarHeader, SidebarFooter, SidebarContent } from 'react-pro-sidebar';
 import 'react-pro-sidebar/dist/css/styles.css';
 import '../styles/SideBar.css';
-import { useState } from 'react';
 
-const SideBar = ({ handleToggleSidebar, toggle }) => {
+const SideBar = ({ tags, handleToggleSidebar, toggle }) => {
   return (
     <ProSidebar 
         toggled={toggle}
@@ -11,13 +10,17 @@ const SideBar = ({ handleToggleSidebar, toggle }) => {
         onToggle={handleToggleSidebar}
         className='sidebar'>
     <SidebarHeader>
-        LOGO
+        <h1>LinkWarden</h1>
     </SidebarHeader>
-    <SidebarContent>
-        CONTENT
+    <SidebarContent className='sidebar-content'>
+
+        <h3>Tags:</h3>
+        {tags.map((e) => {
+            return <p>{e}</p>
+        })}
     </SidebarContent>
     <SidebarFooter>
-        FOOTER
+        <p className='credits'>©{new Date().getFullYear()} Made with 💙 by <a href='https://github.com/Daniel31x13'>Daniel 31X13</a></p>
     </SidebarFooter>
     </ProSidebar>
   )