Change left bar status to link to notice board

frontend/src/components/App.scss

@@ -13,4 +13,4 @@ body {
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
-}
+}
\ No newline at end of file

frontend/src/components/organisms/LeftBar/index.tsx

 import React from "react";
 import styles from "./style.module.scss";
+import { Link } from "react-router-dom";
 
 export interface LeftBarProps{
 	children: React.ReactNode;
@@ -8,7 +9,7 @@ export interface LeftBarProps{
 const LeftBar: React.FC<LeftBarProps> = ({children}: LeftBarProps) => {
   return (
     <div id={styles.leftbarWrapper}>
-      <p className={styles.leftbarStatus}>1 DEADLINE</p>
+      <p className={styles.leftbarStatus}><Link to="/Dashboard">1 NOTICE</Link></p>
 			{children}
     </div>
   );

frontend/src/components/organisms/LeftBar/style.module.scss

@@ -39,6 +39,11 @@
   transform: translateX(0);
 }
 
+.leftbarStatus a {
+	text-decoration: none !important;
+	color: #000 !important;
+}
+
 @media (max-width: 62rem) {
   .leftbarStatus {
     margin-top: 1.875rem;

frontend/src/components/organisms/LeftBarModuleList/index.tsx

@@ -6,23 +6,23 @@ import WorkDueGroup from "components/molecules/WorkDueGroup";
 const LeftBarModuleList: React.FC = () => {
   let sortButtons = [
     {
-			title: "Progress",
+			title: "All",
+      active: true,
     },
     {
-			title: "Module Title",
-      active: true,
+			title: "In Progress",
     },
     {
-			title: "Module Code",
+			title: "Not Started",
     },
     {
-      title: "Term",
+      title: "Completed",
     },
 	];
 
   return (
     <LeftBar>
-			<SideBarTabGroup title="Sort" buttons={sortButtons} />
+			<SideBarTabGroup title="Filter" buttons={sortButtons} />
 			<WorkDueGroup/>
 		</LeftBar>
   );