Merge remote-tracking branch 'origin/feature/ci-release-on-debian' in…

…to tn-debian

.github/workflows/release-debian.yml

@@ -0,0 +1,69 @@
+name: Release - Debian
+
+on:
+  workflow_dispatch:
+    inputs:
+      bundle:
+        description: "Bundle ID (next, self)"
+        required: true
+        default: "next"
+
+jobs:
+  tagged-release:
+    runs-on: ubuntu-latest
+    container: debian:11
+    env:
+      MIX_ENV: prod
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        run: |
+          apt-get update
+          apt-get install -y curl git build-essential
+          curl -fsSL https://deb.nodesource.com/setup_18.x | bash -
+          apt-get install -y nodejs
+
+      - name: Tag name
+        id: tag
+        run: echo "TAG=${{ github.event.inputs.bundle }}_$(date +%F)_${{ github.run_number }}" >> $GITHUB_ENV
+
+      - id: setup-elixir
+        uses: erlef/setup-elixir@v1
+        with:
+            otp-version: "25.3.2.7"
+            elixir-version: "1.14.0"
+
+      - name: Setup the Elixir project
+        run: |
+          mix deps.get
+        working-directory: core
+
+      - name: Build Frontend
+        run: |
+          ./scripts/build-frontend
+        working-directory: core
+
+      - name: Build release
+        run: |
+          ./scripts/build-release
+        working-directory: core
+        env:
+          BUNDLE: ${{ github.event.inputs.bundle }}
+          VERSION: ${{ env.TAG }}
+
+      - name: Archive release
+        run: |
+          tar cfj "../${{ env.TAG }}.tar.bz2" "${{ env.TAG }}"
+        working-directory: core
+
+      - name: Publish Release
+        uses: softprops/action-gh-release@v2
+        with:
+          tag_name: "${{ env.TAG }}"
+          prerelease: false
+          fail_on_unmatched_files: true
+          files: |
+            ${{ env.TAG }}.tar.bz2

core/frameworks/pixel/components/clickable_card.ex

@@ -27,6 +27,7 @@ defmodule Frameworks.Pixel.ClickableCard do
     <div
       x-data="{show_actions: false}"
       class={"h-full rounded-lg bg-#{@bg_color} #{@size}"}
+      id={"card-#{@id}"}
     >
       <div class="flex flex-col h-full">
         <div class="flex-grow">