💫 Migrate to TailwindCSS 4 and DaisyUI 5

app/src/routes/+layout.svelte

@@ -115,7 +115,7 @@
     <!-- svelte-ignore a11y_no_static_element_interactions -->
     {#snippet backdrop()}
         <div
-            class="fixed inset-0 z-40 max-h-full max-w-full bg-black/20 backdrop-blur"
+            class="fixed inset-0 z-40 max-h-full max-w-full bg-black/20 backdrop-blur-sm"
             transition:fade
             onclick={modals.closeAll}
         ></div>

app/src/routes/system/update/GithubFirmwareManager.svelte

@@ -156,7 +156,7 @@
         </div>
     {:catch error}
         <div class="alert alert-error shadow-lg">
-            <Error class="h-6 w-6 flex-shrink-0" />
+            <Error class="h-6 w-6 shrink-0" />
             <span
                 >Please connect to a network with internet access to perform a firmware update.</span
             >

app/src/routes/system/update/UploadFirmware.svelte

@@ -39,7 +39,7 @@
         <span>Upload Firmware</span>
     {/snippet}
     <div class="alert alert-warning shadow-lg">
-        <Warning class="h-6 w-6 flex-shrink-0" />
+        <Warning class="h-6 w-6 shrink-0" />
         <span
             >Uploading a new firmware (.bin) file will replace the existing firmware. You may upload
             a (.md5) file first to verify the uploaded firmware.

app/src/routes/wifi/sta/Scan.svelte

@@ -116,7 +116,7 @@
                                             Channel: {network.channel}
                                         </div>
                                     </div>
-                                    <div class="flex-grow"></div>
+                                    <div class="grow"></div>
                                     <RssiIndicator showDBm={true} rssi={network.rssi} />
                                 </div>
                             </li>
@@ -134,7 +134,7 @@
                     <Reload class="mr-2 h-5 w-5" /><span>Scan again</span>
                 </button>
 
-                <div class="flex-grow"></div>
+                <div class="grow"></div>
                 <button
                     class="btn btn-warning text-warning-content inline-flex flex-none items-center"
                     onclick={() => modals.close()}

app/src/routes/wifi/sta/Wifi.svelte

@@ -495,7 +495,7 @@
                                 <div>
                                     <div class="font-bold">{dndNetworkList[index].ssid}</div>
                                 </div>
-                                <div class="flex-grow"></div>
+                                <div class="grow"></div>
                                 <div class="space-x-0 px-0 mx-0">
                                     <button
                                         class="btn btn-ghost btn-sm"