ci(site): add format/lint/test/build workflow for astro site

Add Site GitHub Actions workflow running prettier format check, astro
check, tests, and build on changes under site/. Wire prettier into the
site package with config, ignore, and scripts, and format existing
sources.

site/src/pages/index.astro

@@ -7,14 +7,30 @@ import ProtocolStrip from "../components/ProtocolStrip.astro";
 import FeatureCard from "../components/FeatureCard.astro";
 
 const features = [
-  { title: "Handy UI", body: "Explore and operate on the remote and local file system with a handy UI." },
+  {
+    title: "Handy UI",
+    body: "Explore and operate on the remote and local file system with a handy UI.",
+  },
   { title: "Cross platform", body: "Runs on Windows, macOS, Linux and BSD." },
-  { title: "Customizable", body: "Customize the explorer, the text editor and default options." },
-  { title: "Bookmarks", body: "Connect to favourite hosts via bookmarks and recent connections." },
-  { title: "Security first", body: "Store passwords in your operating system key vault." },
-  { title: "Eye on performance", body: "Built with an eye on performance to keep CPU usage low." },
+  {
+    title: "Customizable",
+    body: "Customize the explorer, the text editor and default options.",
+  },
+  {
+    title: "Bookmarks",
+    body: "Connect to favourite hosts via bookmarks and recent connections.",
+  },
+  {
+    title: "Security first",
+    body: "Store passwords in your operating system key vault.",
+  },
+  {
+    title: "Eye on performance",
+    body: "Built with an eye on performance to keep CPU usage low.",
+  },
 ];
 ---
+
 <Base
   title="termscp — terminal file transfer & explorer for SCP/SFTP/FTP/S3/Kube/SMB/WebDAV"
   description="A feature-rich terminal UI file transfer and explorer with support for SCP/SFTP/FTP/Kube/S3/WebDAV/SMB."
@@ -26,9 +42,7 @@ const features = [
     <section class="mx-auto max-w-5xl px-4 py-12">
       <h2 class="mb-6 text-center text-xl text-text">Why termscp</h2>
       <div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
-        {features.map((f) => (
-          <FeatureCard title={f.title} body={f.body} />
-        ))}
+        {features.map((f) => <FeatureCard title={f.title} body={f.body} />)}
       </div>
     </section>
     <ProtocolStrip />

site/src/pages/install.astro

@@ -6,7 +6,8 @@ import InstallTabs from "../components/InstallTabs.astro";
 import CopyButton from "../components/CopyButton.astro";
 import { DOCS_URL } from "../consts";
 
-const script = "curl --proto '=https' --tlsv1.2 -sSLf https://termscp.rs/install.sh | sh";
+const script =
+  "curl --proto '=https' --tlsv1.2 -sSLf https://termscp.rs/install.sh | sh";
 const psScript = "irm https://termscp.rs/install.ps1 | iex";
 
 const methods = [
@@ -16,6 +17,7 @@ const methods = [
   { id: "choco", label: "Windows (Chocolatey)", cmd: "choco install termscp" },
 ];
 ---
+
 <Base
   title="Install termscp"
   description="Install termscp on Linux, macOS, BSD and Windows — one shell command, or via Cargo, pacman, pkgin and Chocolatey."
@@ -24,37 +26,58 @@ const methods = [
   <Nav />
   <main class="mx-auto w-full max-w-3xl flex-1 px-4 py-12">
     <h1 class="text-2xl font-bold text-text">Install termscp</h1>
-    <p class="mt-2 text-subtext">Pick your platform. One command and you're in.</p>
+    <p class="mt-2 text-subtext">
+      Pick your platform. One command and you're in.
+    </p>
 
     <div class="mt-6 rounded-lg border border-line bg-mantle p-1">
-      <div class="flex items-center gap-2 border-b border-line px-3 py-2 text-xs text-overlay">
+      <div
+        class="flex items-center gap-2 border-b border-line px-3 py-2 text-xs text-overlay"
+      >
         <span class="text-green">$</span> Linux · macOS · BSD
       </div>
       <div class="relative">
-        <pre class="m-0 overflow-auto bg-base px-4 py-4 pr-12 text-sm text-text"><code>{script}</code></pre>
+        <pre
+          class="m-0 overflow-auto bg-base px-4 py-4 pr-12 text-sm text-text"><code>{script}</code></pre>
         <CopyButton text={script} class="absolute right-2 top-2" />
       </div>
     </div>
-    <p class="mt-2 text-xs text-overlay">Requires <span class="text-text">curl</span>. macOS uses Homebrew if available, otherwise builds from source.</p>
+    <p class="mt-2 text-xs text-overlay">
+      Requires <span class="text-text">curl</span>. macOS uses Homebrew if
+      available, otherwise builds from source.
+    </p>
 
     <div class="mt-6 rounded-lg border border-line bg-mantle p-1">
-      <div class="flex items-center gap-2 border-b border-line px-3 py-2 text-xs text-overlay">
+      <div
+        class="flex items-center gap-2 border-b border-line px-3 py-2 text-xs text-overlay"
+      >
         <span class="text-green">&gt;</span> Windows (PowerShell)
       </div>
       <div class="relative">
-        <pre class="m-0 overflow-auto bg-base px-4 py-4 pr-12 text-sm text-text"><code>{psScript}</code></pre>
+        <pre
+          class="m-0 overflow-auto bg-base px-4 py-4 pr-12 text-sm text-text"><code>{psScript}</code></pre>
         <CopyButton text={psScript} class="absolute right-2 top-2" />
       </div>
     </div>
-    <p class="mt-2 text-xs text-overlay">Downloads the latest release and adds <span class="text-text">termscp</span> to your user PATH.</p>
+    <p class="mt-2 text-xs text-overlay">
+      Downloads the latest release and adds <span class="text-text"
+        >termscp</span
+      > to your user PATH.
+    </p>
 
     <h2 class="mt-10 mb-3 text-lg text-text">Package managers</h2>
     <InstallTabs methods={methods} />
 
-    <p class="mt-8 text-sm text-overlay">Update anytime with <span class="text-green">termscp --update</span>.</p>
+    <p class="mt-8 text-sm text-overlay">
+      Update anytime with <span class="text-green">termscp --update</span>.
+    </p>
     <p class="mt-2 text-sm text-overlay">
-      Linux build deps: <span class="text-text">libdbus-1</span>, <span class="text-text">pkg-config</span>, <span class="text-text">libsmbclient</span>.
-      More details in the <a href={DOCS_URL} class="text-blue hover:underline">docs</a>.
+      Linux build deps: <span class="text-text">libdbus-1</span>, <span
+        class="text-text">pkg-config</span
+      >, <span class="text-text">libsmbclient</span>. More details in the <a
+        href={DOCS_URL}
+        class="text-blue hover:underline">docs</a
+      >.
     </p>
   </main>
   <Footer />