impr(saved custom texts): add message to remind user that custom texts are only stored locally

Author: Miodec

frontend/src/html/popups.html

@@ -643,6 +643,11 @@
     <div class="list"></div>
     <div class="title">Saved long texts</div>
     <div class="listLong"></div>
+    <div class="divider"></div>
+    <div class="message">
+      Heads up! These texts are only stored locally. If you switch devices or
+      clear your local browser data they will be lost.
+    </div>
   </div>
 </dialog>
 <dialog id="saveCustomTextModal" class="modalWrapper hidden">

frontend/src/styles/popups.scss

@@ -329,6 +329,18 @@ body.darkMode {
       }
     }
 
+    .divider {
+      height: 0.25rem;
+      background: var(--sub-alt-color);
+      border-radius: var(--roundness);
+      margin: 1rem 0;
+    }
+
+    .message {
+      font-size: 0.75em;
+      color: var(--sub-color);
+    }
+
     .listLong {
       display: grid;
       gap: 1rem;