style changes especially sidebar

src/pages/dashboard/dashboard.css

@@ -5,8 +5,22 @@
   max-width:100%;
 }
 
-
-.login-link:hover {
-  color: var(--links-hover-color);
-  text-decoration: none;
+.sidebar-container {
+  display: flex;
+}
+
+.dashboard-content {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+}
+
+.dashboard-text {
+  display: flex;
+  max-width: 40vw;
+  text-align: center;
+  text-wrap: pretty;
+  outline: 1px solid thistle;
 }

src/pages/dashboard/dashboard.tsx

@@ -4,8 +4,14 @@ import "./dashboard.css"
 const Dashboard = () => {
   return (
     <div className="dashboard">
-      <h2>Dashboard</h2>
-      <Sidebar/>
+      <div>
+        <Sidebar/>
+      </div>
+      <div className="dashboard-content">
+        <div className="dashboard-text">
+          <h2>Dashboard Content<br/>WIP</h2>
+        </div>
+      </div>
     </div>
   )
 }