✨ dashboard responsiveness issue solved 📊

client/components/common/AnimatedCard.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import Image from "next/image";
-import React from "react";
+import {memo} from "react";
 import { CardBody, CardContainer, CardItem } from "@/components/ui/3d-card";
 import { AnimatedCardProps } from "@/types";
 import Link from "next/link";
@@ -54,4 +54,4 @@ const AnimatedCard = ({
    );
 };
 
-export default AnimatedCard;
+export default memeo(AnimatedCard);

client/components/common/CropImage.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Dispatch, SetStateAction } from "react";
+import { Dispatch, memo, SetStateAction } from "react";
 import Cropper from "react-easy-crop";
 import { Input } from "@/components/ui/input";
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@/components/ui/select";
@@ -98,4 +98,4 @@ const CropImage = ({
    );
 };
 
-export default CropImage;
+export default memo(CropImage);

client/components/common/CustomFormField.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { memo } from "react";
 import { FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/components/ui/form";
 import "react-phone-number-input/style.css";
 import "react-datepicker/dist/react-datepicker.css";
@@ -154,4 +154,4 @@ const CustomFormField: React.FC<CustomProps> = (props) => {
    );
 };
 
-export default CustomFormField;
+export default memo(CustomFormField);

client/components/common/ResponsieveCard.tsx

@@ -1,5 +1,5 @@
 import Image from "next/image";
-import React from "react";
+import React, { memo } from "react";
 
 const ResponsiveCard = () => {
    return (
@@ -29,4 +29,4 @@ const ResponsiveCard = () => {
    );
 };
 
-export default ResponsiveCard;
+export default memo(ResponsiveCard);