Upgrade to tailwindcss v4.0.13 (#4443)

```
npx @tailwindcss/upgrade
```

- Linked `./tailwind.config.js` to
`./hypha/static_src/tailwind/main.css`
- Migrated configuration file: `./tailwind.config.js`
- Migrated templates for configuration file: `./tailwind.config.js`
- Migrated stylesheet: `./hypha/static_src/tailwind/main.css`
- Updated package: `tailwindcss`
- Verifed the changes - it had modified some un-indented

https://tailwindcss.com/docs/upgrade-guide

fixes #4389

Author: theskumar

.editorconfig

@@ -10,7 +10,7 @@ indent_style = space
 insert_final_newline = true
 trim_trailing_whitespace = true
 
-[*.{yml,yaml,js,json}]
+[*.{yml,yaml,js,json,css}]
 indent_size = 2
 
 [*.md]

.pre-commit-config.yaml

@@ -59,7 +59,7 @@ repos:
           - rustywind@latest
         entry: rustywind
         args: [--write]
-        types_or: [html]
+        types_or: [html, css]
 
   - repo: https://github.com/biomejs/pre-commit
     rev: "v0.6.1"

biome.json

@@ -108,10 +108,5 @@
       "trailingCommas": "es5"
     },
     "globals": ["define", "htmx", "jQuery", "Alpine"]
-  },
-  "css": {
-    "formatter": {
-      "indentWidth": 4
-    }
   }
 }

docs/assets/extra.css

@@ -1,7 +1,7 @@
 :root {
-    --md-primary-fg-color: #1269a1;
+  --md-primary-fg-color: #1269a1;
 }
 
 [dir="ltr"] .md-header__title {
-    margin-left: 0.2rem;
+  margin-left: 0.2rem;
 }

hypha/apply/activity/templates/activity/partial_comment_message.html

@@ -13,7 +13,7 @@
         <div class="flex flex-wrap gap-2 pb-2 mt-4 max-w-xl min-w-40">
             {% for attachment in attachments %}
                 <a href="{{attachment.get_absolute_url }}"
-                   class="inline-flex items-center py-2 px-3 font-medium rounded border transition-colors bg-slate-50 hover:bg-slate-200"
+                   class="inline-flex items-center py-2 px-3 font-medium rounded-sm border transition-colors bg-slate-50 hover:bg-slate-200"
                    target="_blank"
                    rel="noopener noreferrer"
                    title="{{ attachment.filename }}"

hypha/apply/activity/templates/activity/ui/activity-comment-item.html

@@ -13,7 +13,7 @@
                 </div>
             </div>
 
-            <div class="{% if activity.user == request.user %}border-cyan-300{% else %}border-gray-300{% endif %} flex-1 pb-2 bg-white border rounded target:ring-2 target:ring-cyan-500 scroll-m-2"
+            <div class="{% if activity.user == request.user %}border-cyan-300{% else %}border-gray-300{% endif %} flex-1 pb-2 bg-white border rounded-sm target:ring-2 target:ring-cyan-500 scroll-m-2"
                  id="communications--{{ activity.id }}">
                 <header class="{% if activity.user == request.user %}bg-fuchsia-100{% else %}bg-slate-100{% endif %} flex flex-wrap items-center justify-between gap-2 px-3 py-2 rounded-t">
                     <div>

hypha/apply/activity/templates/activity/ui/edit_comment_form.html

@@ -18,7 +18,7 @@
             rows="10" name="message"
         >{{ activity.message }}</textarea>
 
-        <div id="wmd-preview-edit-comment-{{ activity.id }}" class="p-4 w-full max-w-none bg-gray-100 shadow-sm prose"></div>
+        <div id="wmd-preview-edit-comment-{{ activity.id }}" class="p-4 w-full max-w-none bg-gray-100 shadow-xs prose"></div>
     </div>
 
     <div class="flex gap-2">

hypha/apply/dashboard/templates/dashboard/applicant_dashboard.html

@@ -82,7 +82,9 @@ <h4 class="font-bold heading heading--no-margin"><a class="link" href="{{ invoic
                                 {% display_invoice_table_status_for_user invoice.status request.user as invoice_status %}
                                 <div class="flex-1 w-full"></div>
                                 <div class="w-full max-w-fit text-end">
-                                    <p class="{{ invoice_status|invoice_status_bg_color }} text-base py-2 px-3 {{ invoice_status|invoice_status_fg_color }}">{{ invoice_status }}</p>
+                                    <p class="{{ invoice_status|invoice_status_bg_color }} text-sm font-semibold py-2 px-3 rounded-sm shadow-xs {{ invoice_status|invoice_status_fg_color }}">
+                                        {{ invoice_status }}
+                                    </p>
                                 </div>
                             </div>
                         </div>

hypha/apply/dashboard/templates/dashboard/community_dashboard.html

@@ -21,7 +21,7 @@ <h3 class="mb-0 text-xl">{% trans "Submit a new application" %}</h3>
 
         <div class="wrapper wrapper--bottom-space">
             <h2 class="mb-2 text-xl">
-                {% trans "Community review submissions" %} <span class="py-0.5 px-2.5 text-sm font-medium text-blue-800 bg-blue-100 rounded me-2">{{ my_community_review_count }}</span>
+                {% trans "Community review submissions" %} <span class="py-0.5 px-2.5 text-sm font-medium text-blue-800 bg-blue-100 rounded-sm me-2">{{ my_community_review_count }}</span>
             </h2>
 
             {% if my_community_review.data %}

hypha/apply/dashboard/templates/dashboard/includes/my-tasks.html

@@ -4,7 +4,7 @@
     {% if my_tasks.data %}
         <h2 class="font-light text-center">{% trans "My tasks" %}</h2>
 
-        <div class="border divide-y shadow-sm task--list">
+        <div class="border divide-y shadow-xs task--list">
             {% for task in my_tasks.data %}
                 {% include "todo/todolist_item.html" with button_type_class="button--transparent" %}
             {% endfor %}