🚚 chore(remove): unnecessary my code

content/profile/lwinmoepaing.mdx

@@ -16,15 +16,6 @@ import SpacingDivider from "@/components/Common/SpacingDivider/SpacingDivider";
 
 <div className="flex flex-col md:flex-row">
   <div className="md:w-6/12 mb-5 flex flex-col justify-center items-center">
-    {/* <ProfileCardItem 
-      _id="lwinmoepaing"
-      slugAsParams="lwinmoepaing"
-      name="Lwin Moe Paing"
-      description="I'm senior frontend engineer and looking for help with JS Language to build Many Free Softwares to help people who can't afford to pay !!"
-      image="https://avatars.githubusercontent.com/u/49163775?v=4"
-      tags={["Fullstack","Frontend","JavaScript","ReactJS","SolidJS"]}
-      searchTag=""
-    /> */}
     <div className="h-28 w-28 rounded-3xl overflow-hidden mx-auto">
       <img src="https://avatars.githubusercontent.com/u/49163775?v=4" />
     </div>

src/components/Ui/SquareBox/SquareBox.tsx

@@ -4,16 +4,18 @@ import styles from "@/styles/styles";
 
 type TSquareBox = PropsWithChildren<{
   className?: string;
+  onClick?: () => void;
 }>;
 
-const SquareBox = ({ children, className = "" }: TSquareBox) => {
+const SquareBox = ({ children, className = "", onClick }: TSquareBox) => {
   return (
     <div
       className={cn(
         "relative bg-white bg-opacity-10 rounded-2xl py-5 overflow-hidden ",
         styles.paddingHelper,
         className
       )}
+      onClick={onClick}
     >
       <div className={cn(styles.squareAbsolute, styles.squareBackground)}></div>
       <div className="relative">{children}</div>