Migrate to @tippyjs/react from react-tippy.

Fix strokes on home sidebar.
Add tooltips on servers.
Fix reply SVG direction.

src/components/navigation/items/Item.module.scss

@@ -15,7 +15,6 @@
     transition: .1s ease-in-out background-color;
 
     color: var(--tertiary-foreground);
-    stroke: var(--tertiary-foreground);
 
     &.normal {
         height: 38px;
@@ -117,7 +116,6 @@
 
     &[data-alert="true"], &[data-active="true"], &:hover {
         color: var(--foreground);
-        stroke: var(--foreground);
 
         .subText {
             color: var(--secondary-foreground) !important;

src/components/navigation/left/ServerListSidebar.tsx

@@ -18,6 +18,7 @@ import { useIntermediate } from "../../../context/intermediate/Intermediate";
 import { useChannels, useForceUpdate, useServers } from "../../../context/revoltjs/hooks";
 
 import logoSVG from '../../../assets/logo.svg';
+import Tooltip from "../../common/Tooltip";
 
 function Icon({ children, unread, size }: { children: Children, unread?: 'mention' | 'unread', size: number }) {
     return (
@@ -174,9 +175,11 @@ export function ServerListSidebar({ unreads, lastOpened }: Props) {
                                 <ServerEntry
                                     active={active}
                                     onContextMenu={attachContextMenu('Menu', { server: entry!._id })}>
-                                    <Icon size={36} unread={entry.unread}>
-                                        <ServerIcon size={32} target={entry} />
-                                    </Icon>
+                                    <Tooltip content={entry.name} placement="right">
+                                        <Icon size={36} unread={entry.unread}>
+                                            <ServerIcon size={32} target={entry} />
+                                        </Icon>
+                                    </Tooltip>
                                 </ServerEntry>
                             </ConditionalLink>
                         )