Update Frontend. Added Homepage

frontend/src/app/components/home/home.scss

@@ -0,0 +1,45 @@
+.card-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+  gap: 20px;
+  padding: 20px;
+}
+
+.card-link {
+  text-decoration: none;
+  color: inherit;
+}
+
+.item-card {
+  cursor: pointer;
+  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+}
+
+.item-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+}
+
+// Custom flex container inside the header
+.card-header-content {
+  display: flex;
+  align-items: center; // Revert to center alignment
+  width: 100%;
+  height: 64px; // Give the container a fixed height
+}
+
+// Remove margin from the title and add padding for spacing
+.card-header-content .mat-card-title {
+  margin: 0;
+  padding-left: 16px;
+}
+
+
+.default-avatar-icon {
+  // Vertically align the icon in the avatar space
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 40px;
+  height: 40px;
+}