settings: add loader, improve css a bit

Loader appears on about/user profiles area. These two are now shown next
to each other.
on small screens, the sidebar list of sections is displayed without a
card around it, and the top left/right corner buttons on all pages are
correctly aligned with the content.

html/form.html

@@ -35,7 +35,7 @@
             </div>
         </div>
         {{ template "account-linking.html" . }}
-        <div class="top-4 left-4 absolute">
+        <div class="top-[2%] lg:top-4 left-[2%] lg:left-4  absolute">
             <span class="dropdown" tabindex="0" id="lang-dropdown">
                 <span class="button ~urge dropdown-button">
                     <i class="ri-global-line"></i>