refactor: Use @mui/icons-material with path imports to reduce bundle size (#251)

Author: taigakiyokawa

src/components/molecules/StaffCard/index.tsx

@@ -3,7 +3,9 @@ import Grid from '@mui/material/Unstable_Grid2'
 import { type FC } from 'react'
 import Image from 'next/image'
 import { Colors } from 'src/styles/color'
-import { Twitter as TwitterIcon, GitHub as GitHubIcon, Link as LinkIcon } from '@mui/icons-material'
+import TwitterIcon from '@mui/icons-material/Twitter'
+import GitHubIcon from '@mui/icons-material/GitHub'
+import LinkIcon from '@mui/icons-material/Link'
 import { type StaffInfo } from 'src/modules/staff'
 
 type Props = StaffInfo

src/pages/sessions/[id].tsx

@@ -10,7 +10,9 @@ import {
   sessionizeViewAllSchema
 } from 'src/modules/sessionize/schema'
 import { Colors } from 'src/styles/color'
-import { ArrowBackIosNew as ArrowBackIosNewIcon, Event as EventIcon, Twitter as TwitterIcon } from '@mui/icons-material'
+import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew'
+import EventIcon from '@mui/icons-material/Event'
+import TwitterIcon from '@mui/icons-material/Twitter'
 import dayjs from 'dayjs'
 import { useTranslation } from 'react-i18next'
 import NextLink from 'next/link'