Remove right margin from custom scrollbar

[rotemdan]

Here's a basic pull request for an attempt at fixing #1492

You can use it as a starting point. It's not tested (tried to run npm run preview locally but it failed due to lack of MongoDB, seems like getting this to work isn't trivial for me and it'd take some more time and effort than I have right now).

I simply removed the tailwind class mr-1, which means:

.mr-1 {
  margin-right: .25rem;
}

From instances of custom-scrollbar in these source files:

src/lib/components/chat/ChatWindow.svelte
src/routes/assistants/+page.svelte
src/routes/models/+page.svelte
src/routes/tools/+page.svelte

You'll need to test it yourself to ensure it actually works.

[rotemdan]

I've managed to start it locally using a docker container for the MongoDB instance.

The local instance doesn't fully work (getting errors like Authorization header is correct, but the token seems invalid) but I could paste a large amount of text to the chat input to see how the scrollbars behave.

Based on what I've seen, it seems the change does apply correctly.

Just note that Chromium has an unrelated issue with scrollbars: on my PC, for a zoom level of 125%, the scrollbar isn't pressable at the right edge, but with other zoom levels (100%, 150%, etc.) it does work. I've seen this happen on many other websites. It could be some internal issue with rounding of fractional pixels, or something of that sort. I'm not sure if it's actually reported on the Chromium tracker.