Warn: properly ellide error message text

Author: rektdeckard

src/components/IconGrid/IconGrid.css

@@ -163,7 +163,7 @@
 }
 
 .empty-list p {
-  max-width: 720px;
+  max-width: 80%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

src/components/Warn/Warn.tsx

@@ -25,7 +25,7 @@ const Warn: React.FC<WarnProps> = ({ message }) => {
         <SmileyXEyes size={128} color="#615C68" weight="duotone" />
         {message ?? (
           <p>
-            No results for '<code>{query}</code>'
+            No results for "<code>{query}</code>"
           </p>
         )}
       </motion.div>