Update styles and templates for improved layout and design

- Updated Tailwind CSS to version 4.0.17, introducing new color variables and adjustments to existing styles.
- Added a new section template for displaying project sections with a consistent design.
- Enhanced card shortcodes to include list styles for better readability.
- Modified sidebar links to ensure correct image paths and improved accessibility with added links for projects.

zola/templates/section.html

@@ -0,0 +1,29 @@
+{% extends "base.html" %} {% block content %}
+<article
+  class="aero-gradient-glass rounded-lg p-4 flex flex-col border-midnight-light border w-full"
+>
+  <section
+    class="aero-gradient-dark p-2 rounded-lg border-midnight border prose-sm prose-p:m-1 w-full text-white flex flex-col"
+  >
+    <h6
+      class="aero-gradient text-white p-2 border border-midnight rounded-lg w-full items-center flex justify-center"
+    >
+      {{ section.title | default(value="Projects") }}
+    </h6>
+
+    <section>
+      <p>{{ section.description | safe }}</p>
+
+      <ul class="list-none p-0">
+        {% for page in section.pages %}
+        <li class="mb-2">
+          <a href="{{ page.permalink }}" class="text-blue-400 hover:underline"
+            >{{ page.title }}</a
+          >
+        </li>
+        {% endfor %}
+      </ul>
+    </section>
+  </section>
+</article>
+{% endblock %}