Add stylelint and eslint with working configs

app/assets/stylesheets/application.css

@@ -6,6 +6,5 @@
 
 /* appkit's login layout styling (uses --color-accent from local/themes) */
 @import url("appkit/login.css");
-
 @import url("local/layout/index.css");
 @import url("local/modules/index.css");

app/assets/stylesheets/local/layout/application_page.css

@@ -1,5 +1,5 @@
 /* Page layout customizations */
-@media (min-width: 769px) {
+@media (width >= 769px) {
   body > header {
     padding: 1rem;
   }

app/assets/stylesheets/local/modules/search_dialog.css

@@ -4,7 +4,7 @@ dialog#search-dialog {
   padding: 0;
   border: none;
   border-radius: 8px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 8px 32px rgb(0 0 0 / 20%);
 }
 
 dialog#search-dialog article {

app/javascript/controllers/clipboard_controller.js

@@ -13,7 +13,7 @@ export default class extends Controller {
       try {
         await navigator.clipboard.writeText(text)
         return
-      } catch (_error) {
+      } catch {
         // Fall through to legacy fallback.
       }
     }

app/views/layouts/admin.html.erb

@@ -4,8 +4,7 @@
   data-color-scheme="<%= theme_attributes[:"data-color-scheme"] %>"
   data-light-theme="<%= theme_attributes[:"data-light-theme"] %>"
   data-dark-theme="<%= theme_attributes[:"data-dark-theme"] %>"
-  data-theme="<%= theme_attributes[:"data-theme"] %>"
->
+  data-theme="<%= theme_attributes[:"data-theme"] %>">
   <head>
     <title>Admin - <%= Rails.application.class.module_parent_name %></title>
     <meta name="viewport" content="width=device-width,initial-scale=1">

app/views/layouts/application.html.erb

@@ -4,8 +4,7 @@
   data-color-scheme="<%= theme_attributes[:"data-color-scheme"] %>"
   data-light-theme="<%= theme_attributes[:"data-light-theme"] %>"
   data-dark-theme="<%= theme_attributes[:"data-dark-theme"] %>"
-  data-theme="<%= theme_attributes[:"data-theme"] %>"
->
+  data-theme="<%= theme_attributes[:"data-theme"] %>">
   <head>
     <title><%= content_for(:title).presence || Appkit.config.app_name.call %></title>
     <meta name="viewport" content="width=device-width,initial-scale=1">

eslint.config.mjs

@@ -0,0 +1,13 @@
+import js from "@eslint/js";
+import globals from "globals";
+
+export default [
+  js.configs.recommended,
+  {
+    files: ["**/*.js"],
+    languageOptions: {
+      sourceType: "module",
+      globals: globals.browser
+    }
+  }
+];