Resolve "Create Basic HTML Structure"

All separate actions were made as commits. Would appreciate a review

In short, actions made:

• Deleted leftover JS code;
• Added text on register.html to redirect to login.html as currently is on the latter;
• Moved CSS from register.html, login.html into login.css. Created CSS for index.html in main.css
• Created initial version of the dashboard.

Would love to hear your thoughts on the layout of the dashboard. Let me know if any other elements should be added or the layout should be changed.

Closes #1 (closed)

public/css/main.css

+/* Reset default styles */
+body {
+    margin: 0;
+    padding: 0;
+    font-family:Verdana, Geneva, Tahoma, sans-serif;
+}
+
+/* Container for the entire layout */
+.container {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+/* Header styling */
+.header {
+    background-color: #ddf;
+    color: #000;
+    padding: 10px;
+    padding-bottom: 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.header h1 {
+    margin: 0;
+}
+
+header button {
+    margin-top: 0px;
+}
+
+.user-actions {
+    display: flex;
+    gap: 10px;
+}
+
+/* Main content styling */
+.main-content {
+    display: flex;
+    flex-grow: 1; /* Makes the main content stretch to fill the remaining space */
+    overflow-y: hidden; /* Hides overflow within the main content */
+}
+
+/* Sidebar styling */
+.sidebar {
+    width: 200px; /* Adjust the width as needed */
+    padding: 25px;
+    background-color: #ddf;
+}
+
+.status-bar {
+    list-style: none;
+    padding: 0;
+}
+
+/* Task list styling */
+.task-list {
+    flex-grow: 1; /* Makes the task list stretch to fill the remaining space */
+    padding: 10px;
+    padding-top: 25px;
+    overflow-y: auto; /* Enables vertical scrolling within the task list */
+    max-height: calc(100vh - 100px); /* Adjust the max-height as needed */
+}
+
+.task {
+    border-bottom: 1px solid #aaf;
+    padding: 10px;
+}
+
+.task-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 5px;
+}
+
+p {
+    font-size: 24px;
+    margin-bottom: 0;
+}
+
+button {
+    margin-top: 1rem;
+    padding: 0.5rem;
+    background-color: #bbf;
+    color: #000;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
+
+button:hover {
+    background-color: #99f;
+}
+
+.hide-btn {
+    background-color: #0f0;
+}
+
+.hide-btn:hover {
+    background-color: #0c0;
+}
+
+.edit-btn {
+    background-color: #ff0;
+}
+
+.edit-btn:hover {
+    background-color: #cc0;
+}
+
+.delete-btn {
+    background-color: #f00;
+}
+
+.delete-btn:hover {
+    background-color: #c00;
+}
+
+.add-btn {
+    background-color: #f70;
+}
+
+.add-btn:hover {
+    background-color: #f40;
+}
+
+.new-btn {
+    width: 40%;
+    font-weight: bold;
+}
+
+input {
+    font-size: 24px;
+}
\ No newline at end of file