✨💄 app, frontend: Improve projects page layout and content

- Commented out the "Posts" link in the navigation menu.
- Changed projects page title to "Project Portfolio" and increased list gap to 3rem.
- Added new project summary for "HiveMQ Data Hub Scripting".
- Appended "(personal)" to personal project titles for clarity.
- Made `image` prop optional in `ProjectSummary` component and added conditional rendering.
- Removed image from "Endolingual" project summary.
- Lightened `--border-color` CSS variable to `oklch(40% 0 0)`.
- Added border styling to project images.
- Added padding to project description paragraphs.

crates/frontend/assets/css/styles.css

@@ -35,7 +35,7 @@
     --text-color: oklch(80% 0 0);
     --link-color: oklch(70% 0.15 240);
     --link-hover-color: oklch(80% 0.15 240);
-    --border-color: oklch(25% 0 0);
+    --border-color: oklch(40% 0 0);
     --post-description-color: oklch(60% 0 0);
     --header-bg: oklch(0.24 0.008 285);
     --input-bg: oklch(25% 0 0);
@@ -344,7 +344,7 @@ h6 {
 /* Projects page styling */
 .projects-list {
     display: grid;
-    gap: 2rem;
+    gap: 3rem;
 }
 
 .project_listing {
@@ -373,6 +373,7 @@ h6 {
     width: 100%;
     height: auto;
     object-fit: cover;
+    border: 0.1rem solid var(--border-color);
 }
 
 .project-text {
@@ -387,6 +388,10 @@ h6 {
     gap: 1rem;
 }
 
+.project-text p {
+    padding: 0rem 0.5rem;
+}
+
 @media (max-width: 768px) {
     .main-content {
         grid-template-columns: 1fr;