style: fix some style problem

shared/index.tsx

@@ -60,6 +60,7 @@ export type { ChatMessage } from './model/message';
 export type { UserBaseInfo, UserLoginInfo } from './model/user';
 export {
   loginWithEmail,
+  loginWithToken,
   registerWithEmail,
   searchUserWithUniqueName,
 } from './model/user';

web/src/routes/Main/Navbar/NavItem.tsx

@@ -9,7 +9,7 @@ export const NavbarNavItem: React.FC<{
   return (
     <div
       className={clsx(
-        'w-12 h-12 hover:rounded-lg bg-gray-300 transition-all rounded-1/2 cursor-pointer flex items-center justify-center overflow-hidden',
+        'w-12 h-12 hover:rounded-lg transition-all rounded-1/2 cursor-pointer flex items-center justify-center overflow-hidden',
         props.className
       )}
       onClick={props.onClick}

web/src/routes/Main/Provider.tsx

@@ -4,13 +4,13 @@ import {
   setupRedux,
   useAsync,
   userActions,
+  loginWithToken,
 } from 'tailchat-shared';
 import React from 'react';
 import { LoadingSpinner } from '../../components/LoadingSpinner';
 import { Provider as ReduxProvider } from 'react-redux';
 import { getGlobalUserLoginInfo } from '../../utils/user-helper';
 import _isNil from 'lodash/isNil';
-import { loginWithToken } from 'tailchat-shared/model/user';
 import { getUserJWT } from '../../utils/jwt-helper';
 import { useHistory } from 'react-router';
 import { SidebarContextProvider } from './SidebarContext';