add: share modal

src/app/[name]/about/AboutPage.tsx

@@ -1,12 +1,13 @@
 'use client'
 import AnimatedBottomSheet from '@/components/bottomsheet/AnimatedBottomSheet';
 import EqualizerIcon from '@/components/icons/EqualizerIcon';
+import TelegramIcon from '@/components/icons/TelegramIcon';
 import TabContainer from '@/components/tab/TabContainer';
 import { TabHeader } from '@/components/tab/TabHeader';
 import Comment from '@/components/utils/Comment';
 import RateBar from '@/components/utils/RateBar';
 import { AboutDataModel } from '@/lib/api/info/getAboutData';
-import { ArrowDown2, CallCalling, Clock, Gallery, InfoCircle, Instagram, Location, MouseCircle, Star1, Whatsapp } from 'iconsax-react';
+import { ArrowDown2, CallCalling, Clock, Gallery, InfoCircle, Instagram, Location, Star1, Whatsapp } from 'iconsax-react';
 import { useQueryState } from 'next-usequerystate';
 import Image from 'next/image';
 import React, { useCallback, useState } from 'react'
@@ -74,7 +75,7 @@ function AboutPage({ data }: Readonly<{ data: AboutDataModel; }>) {
             }
             {data.contacts.telegram &&
               <a href={`https://t.me/${data.contacts.telegram}`} className='bg-[#EAEDF5] p-2 rounded-normal'>
-                <MouseCircle variant='Linear' className='stroke-foreground' size={24} />
+                <TelegramIcon className='stroke-foreground' width={24} height={24} />
               </a>
             }
             {data.contacts.whatsapp &&