add language icons for mobile

Author: ShubhamOulkar

_includes/language-picker-mobile.html

@@ -14,7 +14,7 @@
 
       {% for lang in site.data.languages %}
       <li class="submenu">
-        <a href="/{{ lang.code }}/{{ url_remainder }}">{{ lang.name }}</a>
+        <a class="remove" href="/{{ lang.code }}/{{ url_remainder }}">{% include icons/flags/{{ lang.code }}.svg %}{{ lang.name }}</a>
       </li>
       {% endfor %}
     </ul>

css/style.css

@@ -1668,6 +1668,10 @@ blockquote {
     padding-left: 5%;
   }
 
+  #langbar a {
+    
+  }
+
   #navbar .submenu.open {
     flex-direction: column;
     align-items: initial;

css/variables.css

@@ -50,3 +50,11 @@
   --supported-fg:#299009;
   --eol-fg: #ff1a1a;
 }
+
+/* TODO: remove following after removing duplicate id styles */
+.remove {
+  display:flex;
+  gap:0.5rem;
+  align-items:center;
+  justify-content:center;
+}