move dropdown to separate blocks

majak_uistyleguide/templates/patterns/atoms/dropdown/dropdown_item.html

+<li>
+  <a href="{{ url }}">
+    {{ name }}
+  </a>
+</li>
\ No newline at end of file

majak_uistyleguide/templates/patterns/molecules/dropdown/dropdown.html

+<div
+  class="dropdown nav-link js-scroll-anchor"
+  tabindex="0"
+>
+  <div class="dropbtn">
+    {{ name }}
+
+    <span class="drop-arrow">
+      <i class="ico--chevron-down"></i>
+    </span>
+  </div>
+
+  <ul class="dropdown-content">
+    {% for nested_item in menu_items %}
+      {% include "patterns/atoms/dropdown/dropdown_item.html" with name=nested_item.name url=nested_item.url %}
+    {% endfor %}
+  </ul>
+</div>
\ No newline at end of file

majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.html

@@ -66,27 +66,6 @@
   {% endfor %}
 
   {% for parent in menu_parents %}
-    <div
-      class="dropdown nav-link js-scroll-anchor"
-      tabindex="0"
-    >
-      <div class="dropbtn">
-        {{ parent.name }}
-
-        <span class="drop-arrow">
-          <i class="ico--chevron-down"></i>
-        </span>
-      </div>
-
-      <div class="dropdown-content">
-        {% for nested_item in parent.menu_items %}
-          <li>
-            <a href="{{ nested_item.url }}">
-              {{ nested_item.name }}
-            </a>
-          </li>
-        {% endfor %}
-      </div>
-    </div>
+    {% include "patterns/molecules/dropdown/dropdown.html" with name=parent.name menu_items=parent.menu_items %}
   {% endfor %}
 {% endblock %}
\ No newline at end of file