feat: modify workspace modal style & add workspace setting entry to worksapce card (#1498)

apps/web/src/components/pure/footer/index.tsx

@@ -51,7 +51,7 @@ export const Footer: React.FC<FooterProps> = ({ user, onLogin, onLogout }) => {
           bold
           icon={
             <div className="circle">
-              <CloudWorkspaceIcon fontSize={16} />
+              <CloudWorkspaceIcon />
             </div>
           }
           onClick={async () => {

apps/web/src/components/pure/footer/styles.ts

@@ -20,7 +20,6 @@ export const StyleWorkspaceInfo = styled('div')(({ theme }) => {
     marginLeft: '15px',
     width: '202px',
     p: {
-      color: theme.colors.popoverColor,
       height: '20px',
       fontSize: theme.font.sm,
       ...displayFlex('flex-start', 'center'),
@@ -157,13 +156,15 @@ export const StyledModalHeader = styled('div')(() => {
 
 export const StyledSignInButton = styled(Button)(({ theme }) => {
   return {
-    fontWeight: 700,
+    fontWeight: 600,
     paddingLeft: 0,
     '.circle': {
       width: '40px',
       height: '40px',
       borderRadius: '20px',
-      backgroundColor: theme.colors.innerHoverBackground,
+      backgroundColor: theme.colors.hoverBackground,
+      color: theme.colors.primaryColor,
+      fontSize: '24px',
       flexShrink: 0,
       marginRight: '16px',
       ...displayInlineFlex('center', 'center'),