feat(navbar): 新增面包屑组件并优化导航栏

- 提取面包屑渲染逻辑为独立模板组件 `breadcrumbs_items.html`
- 新增 `render_breadcrumbs` 模板标签，支持在导航栏中单独使用面包屑
- 重构 `page_header` 标签，将面包屑处理逻辑提取为 `_normalize_breadcrumbs` 函数
- 优化导航栏模板，支持传入 `breadcrumbs` 上下文变量时自动渲染面包屑导航
- 移除文档链接的 `target="_blank"` 属性以改善用户体验

Author: Deali-Axy

src/apps/home/templates/home/dashboard.html

@@ -154,7 +154,7 @@ <h3 class="card-title text-base font-bold mb-4">
                 </h3>
                 <div class="grid grid-cols-2 gap-3">
                     <!-- Docs -->
-                    <a href="{% url 'djs_docs:index' %}" target="_blank" class="card card-compact bg-base-200 hover:bg-base-300 transition-colors border border-base-300">
+                    <a href="{% url 'djs_docs:index' %}" class="card card-compact bg-base-200 hover:bg-base-300 transition-colors border border-base-300">
                         <div class="card-body items-center text-center py-4">
                             <i class="fa-solid fa-file-lines text-2xl text-info mb-1"></i>
                             <h4 class="card-title text-xs font-medium">Docs</h4>

src/django_starter/contrib/navbar/templates/django_starter/components/breadcrumbs_items.html

@@ -0,0 +1,15 @@
+{% for item in breadcrumbs %}
+    <li>
+        {% if item.url and not forloop.last %}
+            <a href="{{ item.url }}" class="hover:text-primary transition-colors flex items-center gap-2">
+                {% if item.icon %}<i class="{{ item.icon }}"></i>{% endif %}
+                {{ item.text }}
+            </a>
+        {% else %}
+            <span class="text-base-content font-semibold flex items-center gap-2">
+                {% if item.icon %}<i class="{{ item.icon }}"></i>{% endif %}
+                {{ item.text }}
+            </span>
+        {% endif %}
+    </li>
+{% endfor %}

src/django_starter/contrib/navbar/templatetags/page_tags.py

@@ -3,6 +3,22 @@
 
 register = template.Library()
 
+def _normalize_breadcrumbs(breadcrumbs):
+    if breadcrumbs is None:
+        return []
+        
+    processed_breadcrumbs = []
+    for item in breadcrumbs:
+        if isinstance(item, (list, tuple)) and len(item) >= 2:
+            processed_breadcrumbs.append({
+                'text': item[0],
+                'url': item[1],
+                'icon': None
+            })
+        else:
+            processed_breadcrumbs.append(item)
+    return processed_breadcrumbs
+
 @register.inclusion_tag('django_starter/components/page_header.html')
 def page_header(title, breadcrumbs=None):
     """
@@ -18,22 +34,17 @@ def page_header(title, breadcrumbs=None):
         
         icon参数可选，如不提供则不显示图标
     """
-    if breadcrumbs is None:
-        breadcrumbs = []
-        
-    # 兼容旧格式 [(name, url), ...]
-    processed_breadcrumbs = []
-    for item in breadcrumbs:
-        if isinstance(item, (list, tuple)) and len(item) >= 2:
-            processed_breadcrumbs.append({
-                'text': item[0],
-                'url': item[1],
-                'icon': None
-            })
-        else:
-            processed_breadcrumbs.append(item)
-            
     return {
         'title': title,
-        'breadcrumbs': processed_breadcrumbs,
+        'breadcrumbs': _normalize_breadcrumbs(breadcrumbs),
+    }
+
+@register.inclusion_tag('django_starter/components/breadcrumbs_items.html')
+def render_breadcrumbs(breadcrumbs):
+    """
+    仅渲染面包屑导航列表项 (<li>...</li>)
+    用于 navbar 等需要单独显示面包屑的地方
+    """
+    return {
+        'breadcrumbs': _normalize_breadcrumbs(breadcrumbs),
     }

src/templates/_components/navbar.html

@@ -1,4 +1,5 @@
-{% load i18n %}
+{% load i18n page_tags %}
+
 <!-- 
     Modern Minimalist Navbar (Apple/Glassmorphism Style)
     - High backdrop blur for depth
@@ -32,9 +33,13 @@
         <div class="hidden md:flex flex-col justify-center ml-2 transition-opacity duration-300">
             <div class="text-sm breadcrumbs p-0 text-base-content/60 font-medium">
                 <ul>
-                    <li><a href="/" class="hover:text-primary transition-colors">App</a></li>
-                    {% if title %}
-                    <li class="text-base-content font-semibold">{{ title }}</li>
+                    {% if breadcrumbs %}
+                        {% render_breadcrumbs breadcrumbs %}
+                    {% else %}
+                        <li><a href="/" class="hover:text-primary transition-colors">App</a></li>
+                        {% if title %}
+                        <li class="text-base-content font-semibold">{{ title }}</li>
+                        {% endif %}
                     {% endif %}
                 </ul>
             </div>