extensive refactor push to continue to liberate applets from dashboard; new _applets.html & .gear.html template partials for use across all -board views; all applets.html sections have been liberated into their own _applet-<applet-name>.html template partials in their respective templates/apps/*board/_partials/ dirs; gameboard.html & home.html greatly simplified; .gear-btn describes gear menu now, #id_<*board nickname>*gear IDs abandoned; as such, .gear-btn styling moved from _dashboard.scss to _base.scss; new applets.js file contains related initGearMenus scripts, which no longer waits for window reload; new apps.applets.utils file manages applet_context() fn; new gameboard.js file but currently empty (false start); updates across all sorts of ITs & dash- & gameboard FTs

src/templates/apps/dashboard/_partials/_applet-username.html

@@ -0,0 +1,23 @@
+<section
+    id="id_applet_username"
+    style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
+>
+    <form method="POST" action="{% url "set_profile" %}">
+        {% csrf_token %}
+        <div class="username-field">
+            <span class="username-at">@</span>
+            <input
+                id="id_new_username"
+                name="username"
+                required
+                value="{{ user.username|default:'' }}"
+                autocomplete="off"
+                placeholder="username"
+                data-original="{{ user.username|default:'' }}"
+                oninput="this.closest('form').querySelector('.save-btn').hidden = (this.value === this.dataset.original)"
+                onblur="this.scrollLeft = 0"
+            >
+        </div>
+        <button type="submit" class="btn btn-confirm save-btn" hidden>OK</button>
+    </form>
+</section>