addusecase bug fix

src/Components/BannerStack.jsx

@@ -51,7 +51,7 @@ const BannerStack = ({
         {bannerIsLoading
           ? Array.from({ length: 3 }).map((_, index) => (
               <Box key={index} className="col-4 p-2 ps-0">
-                <Skeleton w={"100%"} rounded={"md"} height={150} />
+                <Skeleton w={"100%"} rounded={"md"} height={180} />
               </Box>
             ))
           : bannerArray?.map(

src/Pages/Usecase/AddUseCase.jsx

@@ -516,7 +516,7 @@ const AddUseCase = () => {
             </FormHelperText>
           </FormControl>
 
-          <FormControl isRequired className="mb-3">
+          <FormControl className="mb-3">
             <FormLabel className="web-text-large fw-bold rubix-text-dark">
               Document
             </FormLabel>

src/Validations/Validations.js

@@ -376,7 +376,7 @@ export const addVideos = Yup.object().shape({
 export const addUsecase = Yup.object().shape({
   title: Yup.string().required("Name is required"),
   meta_description: Yup.string().required("Description is required"),
-  attachment: Yup.string().required("Attachment required"),
+  attachment: Yup.string(),
   content: Yup.string().required("Content is required"),
   banner_image: Yup
     .mixed()