refactor: optimize ui of error toast

[xc2]

Description

This PR introduces:

1. Move all use of toast.error on react-query's onError to use toastFetchError
2. UI optimization for error toast

	Before	After
1
2

Linked Issues

Additional context

[vercel[bot]]

@xc2 is attempting to deploy a commit to the RSS3 Team on Vercel.

A member of the Team first needs to authorize it.

[xc2]

@Innei here're icon only and outline design

I prefer the icon only button.

light	icon
light	icon	hover
light	outline
light	outline	hover
dark	icon
dark	icon	hover
dark	outline
dark	outline	hover

btw an accent button here is fine imo as accent buttons are everywhere in the Follow app

[Innei]

Prefer the icon-only button too. But with some background color at hover time? It should be the ghost specification of the button.

[github-actions[bot]]

Linting and formatting issues were automatically fixed. Please review the changes.

[xc2]

@Innei Two changes are just applied:

1. Applied the icon only ghost variant like button
2. Move the position of <Toaster /> to ensure the theme of sonner will change immediately after app theme change

https://github.com/user-attachments/assets/bf62bdbd-4237-44d4-89d0-78ea5a0e7293

[Innei]

Awesome!