Update localization, enhance dark mode styles, and improve risk list display

- Updated the Django localization file with new and modified translations.
- Enhanced dark mode styles for table rows to improve visibility on hover.
- Added a new JavaScript file for future chart functionalities.
- Changed the logo text in the base template from "RM" to "WIRA Intranet".
- Improved the risk list display by replacing checkboxes with icons for CIA categories.

static/css/design.css

@@ -406,6 +406,22 @@ body.dark-mode td {
   border-color: var(--border-color);
 }
 
+body.dark-mode .table.table tbody tr {
+  transition: background-color 0.2s ease, color 0.2s ease;
+}
+
+body.dark-mode .table.table tbody tr:hover {
+  background-color: #2a2a2a !important;
+  color: #ffffff !important;
+  cursor: pointer;
+}
+
+/* Optional: auch für die Zellen, falls nötig */
+body.dark-mode .table.table tbody tr:hover td {
+  background-color: #2a2a2a !important;
+  color: #ffffff !important;
+}
+
 /* =========================
    Inputs / Forms
    ========================= */

templates/base.html

@@ -15,7 +15,7 @@
     <nav class="navbar topbar-nav" role="navigation" aria-label="main navigation">
       <div class="navbar-brand">
         <a class="navbar-item logo" href="/risks/index">
-          <strong class="logo-text">RM</strong>
+          <strong class="logo-text">WIRA Intranet</strong>
         </a>
 
         <!-- Burger Menu für Mobile -->

templates/risks/list_risks.html

@@ -137,9 +137,27 @@
       {% for r in risks %}
       <tr onclick="window.location.href='{% url 'risks:show_risk' r.id %}'" style="cursor:pointer;">
         <td>{{ r.id }}</td>
-        <td class="has-text-centered"><input type="checkbox" disabled {% if "1" in r.cia %}checked{% endif %}></td>
-        <td class="has-text-centered"><input type="checkbox" disabled {% if "2" in r.cia %}checked{% endif %}></td>
-        <td class="has-text-centered"><input type="checkbox" disabled {% if "3" in r.cia %}checked{% endif %}></td>
+        <td class="has-text-centered">
+          {% if "1" in r.cia %}
+            <span class="icon is-small">
+              <i class="fas fa-circle" aria-hidden="true" style="color: grey"></i>
+            </span>
+          {% endif %}
+        </td>
+        <td class="has-text-centered">
+          {% if "2" in r.cia %}
+            <span class="icon is-small">
+              <i class="fas fa-circle" aria-hidden="true" style="color: grey"></i>
+            </span>
+          {% endif %}
+        </td>
+        <td class="has-text-centered">
+          {% if "3" in r.cia %}
+            <span class="icon is-small">
+              <i class="fas fa-circle" aria-hidden="true" style="color: grey"></i>
+            </span>
+          {% endif %}
+        </td>
         <td>{{ r.title }}</td>
         <td>{{ r.asset }}</td>
         <td>{{ r.category }}</td>