Update sidebar styling and chat always being highlighted. Closes #2651

web/components/admin/MainLayout.tsx

@@ -224,7 +224,7 @@ export const MainLayout: FC<MainLayoutProps> = ({ children }) => {
       key: 'viewer-info',
     },
     !chatDisabled && {
-      label: <Link href="/admin/viewer-info">Chat &amp; Users</Link>,
+      label: <span>Chat &amp; Users</span>,
       icon: <MessageOutlined />,
       children: chatMenu,
       key: 'chat-and-users',

web/public/styles/admin/main-layout.css

@@ -12,6 +12,9 @@
   background-color: unset;
   color: var(--theme-color-components-text-on-dark);
 }
+.app-container .menu-container .ant-menu-item-selected:not(.ant-menu-item-only-child), .ant-menu-item a:hover, .ant-menu-item a::before {
+	color: var(--theme-color-palette-12);
+}
 .app-container h1.owncast-title {
   padding: 1rem;
   padding-bottom: 4px;