fix: scroll to bottom in w2g, app chat

fix: auto-contrast text in search modal
fix: new lines on bad subs

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ui",
-	"version": "6.4.96",
+	"version": "6.4.97",
 	"license": "BUSL-1.1",
 	"private": true,
 	"packageManager": "pnpm@9.15.5",

src/lib/components/SearchModal.svelte

@@ -262,7 +262,7 @@
                         {/if}
                         {#each sanitiseTerms(result.parseObject) as { text, color }, i (i)}
                           <div class='rounded px-3 py-1 ml-2 text-nowrap font-bold flex items-center' style:background={color}>
-                            <div class='text-contrast'>
+                            <div class='text-contrast-filter'>
                               {text}
                             </div>
                           </div>

src/lib/components/ui/irc/interface.svelte

@@ -58,7 +58,7 @@
   </div>
   <div class='flex md:flex-row flex-col-reverse w-full h-full min-h-0'>
     <div class='flex flex-col justify-end overflow-clip flex-grow px-4 pb-4 h-full min-h-0'>
-      <div class='h-full overflow-y-scroll min-h-0 w-full'>
+      <div class='h-full overflow-y-scroll min-h-0 w-full [overflow-anchor:auto] content-end'>
         <Messages messages={client.messages} />
       </div>
       <div class='flex mt-4 gap-2'>

src/lib/components/ui/player/subtitles.ts

@@ -349,6 +349,8 @@ export default class Subtitles {
       }
       // replace all html special tags with normal ones
       Text = Text.replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&nbsp;/g, '\\h').replace(/1?\n/g, '\\N')
+    } else {
+      Text = Text.replace('\n', '') // some bad subbers put \n in the text, which breaks the rendering
     }
     return {
       Start: subtitle.time,

src/routes/app/w2g/[id]/+page.svelte

@@ -66,7 +66,7 @@
   </div>
   <div class='flex md:flex-row flex-col-reverse w-full h-full min-h-0'>
     <div class='flex flex-col justify-end overflow-clip flex-grow px-4 pb-4 h-full min-h-0'>
-      <div class='h-full overflow-y-scroll min-h-0 w-full'>
+      <div class='h-full overflow-y-scroll min-h-0 w-full [overflow-anchor:auto] content-end'>
         <Messages {messages} />
       </div>
       <div class='flex mt-4 gap-2'>