feat: update logo assets and localization support

src/components/Logo.tsx

@@ -1,6 +1,8 @@
-import LogoSvg from '@/assets/logo.svg';
+import LogoFaSvg from '@/assets/logo-fa.svg';
+import LogoEnSvg from '@/assets/logo-en.svg';
 import LogoIconSvg from '@/assets/logo_icon.svg';
 import { Box, type SxProps } from '@mui/material';
+import { useTranslation } from 'react-i18next';
 
 interface LogoProps {
   boxSx?: SxProps;
@@ -8,11 +10,13 @@ interface LogoProps {
 }
 
 function Logo({ boxSx, isIcon = false }: LogoProps) {
-  // TODO: handle transition
+  const { i18n } = useTranslation();
+
+  const isFarsi = i18n.language === 'fa' || i18n.language === 'fa-IR';
   return (
     <Box
       component="img"
-      src={isIcon ? LogoIconSvg : LogoSvg}
+      src={isIcon ? LogoIconSvg : isFarsi ? LogoFaSvg : LogoEnSvg}
       sx={{
         width: isIcon ? '30px' : '120px',
         height: 'auto',