[mod] replace #suggestions list wrapper <div> with <ul> (#5575)

This PR removes the "dot" prefix value from the `#suggestions` list's entries and adds it back via CSS instead. It makes styling easier and less hacky for those who are interested, removing the dot with just styles is currently not as easy as I would like it to be.

searx/templates/simple/elements/suggestions.html

@@ -1,9 +1,9 @@
 <div id="suggestions" role="complementary" aria-labelledby="suggestions-title">
   <details class="sidebar-collapsible">
     <summary class="title" id="suggestions-title">{{ _('Suggestions') }}</summary>
-    <div class="wrapper">
+    <ul class="wrapper">
       {%- for suggestion in suggestions -%}
-        <form method="{{ method or 'POST' }}" action="{{ url_for('search') }}">
+      <li><form method="{{ method or 'POST' }}" action="{{ url_for('search') }}">
           <input type="hidden" name="q" value="{{ suggestion.url }}">
           {%- for category in selected_categories -%}
             <input type="hidden" name="category_{{ category }}" value="1">
@@ -15,9 +15,9 @@
           {%- if timeout_limit -%}
             <input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >
           {%- endif -%}
-          <input type="submit" class="suggestion" role="link" value="&bull; {{ suggestion.title }}">
-        </form>
+          <input type="submit" class="suggestion" role="link" value="{{ suggestion.title }}">
+      </form></li>
       {%- endfor -%}
-    </div>
+    </ul>
   </details>
 </div>