Changes the alarms to list vertically (#2300)

**From:**
<img width="611" height="162" alt="Screenshot 2025-08-22 at 11 44 53 AM"
src="https://github.com/user-attachments/assets/3c7d02b7-9484-4d1b-b21c-a38817920e03"
/>

**To:**
<img width="606" height="198" alt="Screenshot 2025-08-22 at 11 45 29 AM"
src="https://github.com/user-attachments/assets/049808a2-865f-4fd3-a159-c123b1a8ab5f"
/>

Author: joshk

lib/nerves_hub_web/components/device_page/details_tab.ex

@@ -199,12 +199,11 @@ defmodule NervesHubWeb.Components.DevicePage.DetailsTab do
             <div class="text-neutral-50 font-medium leading-6">Alarms</div>
           </div>
 
-          <div class="flex pt-2 px-4 pb-4 gap-2 items-center">
-            <div :for={{alarm, description} <- @alarms}>
-              <div class="flex gap-3 items-center">
-                <code class="text-sm text-red-500 px-2 py-1 border border-red-500 bg-zinc-800 rounded">{alarm}</code>
-                <code :if={has_description?(description)}>{description}</code>
-              </div>
+          <div class="flex flex-col pt-2 px-4 pb-4 gap-2">
+            <div :for={{alarm, description} <- @alarms} class="flex gap-3 items-center">
+              <code class="text-sm text-red-500 px-2 py-1 border border-red-500 bg-zinc-800 rounded">{alarm}</code>
+              <code :if={has_description?(description)}>{description}</code>
+              <span :if={!has_description?(description)} class="text-nerves-gray-500">No description</span>
             </div>
           </div>
 
@@ -877,6 +876,6 @@ defmodule NervesHubWeb.Components.DevicePage.DetailsTab do
       |> Enum.map(&to_string/1)
 
   defp has_description?(description) do
-    is_binary(description) and byte_size(description) > 0
+    is_binary(description) and byte_size(description) > 0 and description != "[]"
   end
 end