it's all smoother

packages/desktop/src/components/FooterControls.tsx

@@ -152,7 +152,7 @@ export default function FooterControls() {
                 ))}
               </AvatarGroup>
 
-              <Tooltip title="No conversation selected!">
+              <Tooltip title="Paste image or link!">
                 <IconButton
                   sx={{
                     color: 'white',

packages/desktop/src/components/NewConversationDialog.tsx

@@ -145,7 +145,7 @@ export default function NewConversationDialog({
           alignItems: 'center',
           gap: 2,
           flex: 1,
-          background: blueGrey[100],
+          background: blueGrey[50],
           position: 'relative',
         }}
       >

packages/desktop/src/components/Terminal.tsx

@@ -63,7 +63,6 @@ const handleOnStartRecording = (e: BlobEvent) => {
   audioChunks = [];
 };
 
-// todo: extract each use effect to custom hook and will be clean
 export function TerminalProvider({ children }: { children?: React.ReactNode }) {
   const { enqueueSnackbar } = useSnackbar();
   const { user, logout, nirvanaUser } = useAuth();

packages/desktop/src/subcomponents/UserDetailRow.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-
 import { Avatar, Box, Stack, Typography } from '@mui/material';
+
+import React from 'react';
 import { User } from '@nirvana/core/src/models/user.model';
 
 export default function UserDetailRow({
@@ -22,7 +22,7 @@ export default function UserDetailRow({
       <Avatar src={user.photoUrl} alt={user.displayName} />
 
       <Stack>
-        <Typography variant="subtitle2" color="info">
+        <Typography variant="subtitle2" color="info" gutterBottom={false}>
           {user.displayName}
         </Typography>
         <Typography variant={'overline'}>{user.email}</Typography>