refactor(alpine): restructure components and remove unused utilities for better modularity and maintainability

templates/modules/editor-frame.html

@@ -0,0 +1,26 @@
+<th:block xmlns:th="https://www.thymeleaf.org">
+  <div class="devcm-terminal-window" th:fragment="terminal-window (content)">
+    <div class="devcm-window-titlebar">
+      <span class="devcm-window-dot"></span>
+      <span class="devcm-window-dot"></span>
+      <span class="devcm-window-dot"></span>
+    </div>
+    <th:block th:replace="${content}" />
+  </div>
+
+  <div class="devcm-editor-window" th:fragment="editor-window (tabTitle, content)">
+    <div class="devcm-editor-tabs">
+      <div class="devcm-editor-tab devcm-editor-tab--active">
+        <span th:text="${tabTitle}">_posts.md</span>
+        <a
+          class="devcm-editor-tab__close"
+          href="/"
+          th:aria-label="#{devcm.action.closeTab}"
+          th:title="#{devcm.action.closeTab}"
+          >×</a
+        >
+      </div>
+    </div>
+    <th:block th:replace="${content}" />
+  </div>
+</th:block>