Change named exports to default exports for mui icons

This is to reduce transfer size when users load the page for the first time

Change-Id: I3215b7099bcdbea7b446da599810f5951407bbdb
diff --git a/client/src/components/ConversationAvatar.tsx b/client/src/components/ConversationAvatar.tsx
index 2e2d31c..d7bd954 100644
--- a/client/src/components/ConversationAvatar.tsx
+++ b/client/src/components/ConversationAvatar.tsx
@@ -15,7 +15,8 @@
  * License along with this program.  If not, see
  * <https://www.gnu.org/licenses/>.
  */
-import { Check, RefreshOutlined } from '@mui/icons-material';
+import Check from '@mui/icons-material/Check';
+import RefreshOutlined from '@mui/icons-material/RefreshOutlined';
 import { Avatar, AvatarProps, Box, Dialog, Stack, Typography } from '@mui/material';
 import { useCallback, useEffect, useState } from 'react';
 import { useDropzone } from 'react-dropzone';