build(deps): update App.js and yarn.lock

src/App.js

@@ -106,69 +106,92 @@ function App() {
         {/* <VodProductDesign /> */}
         {/* <VodProduct /> */}
         {/* <VodProductNew /> */}
+
         {/* <BookDesign /> */}
+
         {/* <HeaderDesign1 /> */}
+
         {/* <Blogs /> */}
-        {/* <BlogDesign1 /> */}
-        {/* <BlogDesign2 /> */}
-        {/* <BlogDesign3 /> */}
-        {/* <BlogDesign4 /> */}
-        {/* <BlogDesign5 /> */}
-        {/* <BlogDesign6 /> */}
+        {/* ----------------------------$$$ start---------------------------- */}
+        {/* <BlogDesign1 />
+        <BlogDesign2 />
+        <BlogDesign3 />
+        <BlogDesign4 />
+        <BlogDesign5 />
+        <BlogDesign6 /> */}
+
+        {/* <Button /> <ButtonDivTag /> */}
+
+        {/* ---------------------------- not usable ---------------------------- */}
+        {/* <ButtonDesign /> */}
+        {/* ---------------------------- not usable ---------------------------- */}
+        {/* <ButtonNewDesign /> */}
+
+        {/* ---------------------------- not usable ---------------------------- */}
+        {/* <ProductTags /> */}
+        {/* <NewTagDesign /> */}
+
+        {/* <CounterDesign /> */}
+
+        {/* <AnimatedProgressBar /> */}
+        {/* ----------------------------$$$ end---------------------------- */}
+
         {/* <ContactInfoSection /> */}
         {/* <Testttt /> */}
+
         {/* <Design2D /> */}
+
         {/* <Features /> */}
+
         {/* <Feedback /> */}
+
         {/* <Alert /> */}
         {/* <Toast /> */}
+
         {/* <ProductSuggestion /> */}
+
         {/* <ProductImage /> */}
+
         {/* <ProductTab /> */}
+
         {/* <ProductStatusCard /> */}
+
         {/* <AdvertisementDesign1 /> */}
         {/* <AdvertisementDesign2 /> */}
         {/* <AdvertisementDesign3 /> */}
+
         {/* <CourseChapter /> */}
+
         {/* <Design1 /> */}
         {/* <Design2 /> */}
-        {/* <TableDesign1 /> */}
-        {/* <ReactTable2 /> */}
-        {/* <ReactTable3 /> */}
-        {/* <ReactTable4 /> */}
-        {/* <ReactTable5 /> */}
+
         {/* <SidebarMenu /> */}
         {/* <SidebarDesign2 /> */}
+
         {/* <SidebarDesign2 className="w-1/5" /> */}
-        {/* <FileManager /> */}
-        {/* <GridListTable /> */}
-        {/* <PopupCard /> */}
-        {/* <TimeLineComponent /> */}
-        {/* <CardTrelloDesign /> */}
-        {/* <ReligiousTimes /> */}
-        {/* <DistributedData /> */}
-        {/* <CardDesign1 /> */}
-        {/* <CardDesign2 /> */}
-        {/* <CardDesign3 /> */}
-        {/* <ContactUsInfoCard /> */}
-        {/* <RoomCardInfo /> */}
-        <FormInput />
-        {/* <LeafletMap /> */}
+        {/* <TableDesign1 /> */}
+        {/* <div className="flex">
+          <SidebarDesign2 className="w-1/5" />
+          <span className="w-4/5 ">
+            <ReactTable4 />
+            <FooterDesign1 />
+          </span>
+        </div> */}
 
-        {/* *************************************************** mini components ***************************************************  */}
+        {/* <ReactTable2 /> */}
+        {/* <ReactTable3 /> */}
 
-        {/* <Button /> */}
-        {/* <ButtonDesign /> */}
-        {/* <ButtonNewDesign /> */}
-        {/* <ButtonDivTag /> */}
-        {/* <ProductTags /> */}
-        {/* <NewTagDesign /> */}
-        {/* <CounterDesign /> */}
-        {/* <AnimatedProgressBar /> */}
-        {/* <CircleInCircle /> */}
+        {/* ----------------------------$$$ start---------------------------- */}
         {/* <BreadCrumb /> */}
         {/* <SearchBox /> */}
         {/* <TitleSubtitle /> */}
+        {/* <FolderTree /> */}
+        {/* ----------------------------$$$ end---------------------------- */}
+
+        {/* <ReactTable4 /> */}
+        {/* <ReactTable5 /> */}
+
+        {/* ----------------------------$$$ start---------------------------- */}
         {/* <Playlist /> */}
         {/* <Folderlists /> */}
         {/* <CardHolder /> */}
@@ -176,32 +199,76 @@ function App() {
         {/* <SimpleBarChart /> */}
         {/* <SpecifiedDomainRadarChart /> */}
         {/* <BarChartApex /> */}
+        {/* <SemiDonut /> */}
+        {/* ----------------------------$$$ end---------------------------- */}
+
+        {/* ----------------------------$$$ start---------------------------- */}
         {/* <OutlineInput /> */}
         {/* <CancleIcon /> */}
-        {/* <ProfilePicNextToEachOther /> */}
-        {/* <TimeLine /> */}
-        {/* <SelectYear /> */}
-        {/* <SemiDonut /> */}
-        {/* <FolderTree /> */}
-        {/* <IndianaDragScroll /> */}
+        {/* <ProfilePicNextToEachOther />  */}
+        {/* ----------------------------$$$ end---------------------------- */}
+
+        {/* <FileManager /> */}
+
+        {/* <GridListTable /> */}
+
+        {/* <PopupCard /> */}
+
+        {/* ----------------------------$$$ start---------------------------- */}
+        {/* <CircleInCircle />
+        <TimeLine />
+        <SelectYear /> */}
+        {/* ----------------------------$$$ end---------------------------- */}
+
+        {/* <TimeLineComponent /> */}
+
+        {/* <CardTrelloDesign /> */}
+
+        {/* <ReligiousTimes /> */}
+
+        {/* <DistributedData /> */}
+
+        {/* ----------------------------$$$ start---------------------------- */}
         {/* <IconText /> */}
         {/* <CustomToast /> */}
+        {/* ----------------------------$$$ end---------------------------- */}
+
+        {/* <CardDesign1 /> */}
+
+        {/* ----------------------------$$$ start---------------------------- */}
+        {/* <IndianaDragScroll /> */}
+        {/* ----------------------------$$$ end---------------------------- */}
+
+        {/* <CardDesign2 /> */}
+
+        {/* ----------------------------$$$ start---------------------------- */}
         {/* <CustomToast2 /> */}
-        {/* <DateRangePicker /> */}
-        {/* <BoxNextToEachOther /> */}
-        {/* <ProfileInfo /> */}
-        {/* <UserProfileInfo /> */}
+        {/* ----------------------------$$$ end---------------------------- */}
+
+        <CardDesign3 />
+
+        {/* ----------------------------$$$ start---------------------------- */}
+        {/* <DateTime /> */}
         {/* <CurrentTime /> */}
         {/* <CurrentDateShamsi /> */}
-        {/* <DateTime /> */}
+        {/* <ProfileInfo /> */}
+        {/* ----------------------------$$$ end---------------------------- */}
 
-        {/* <div className="flex">
-          <SidebarDesign2 className="w-1/5" />
-          <span className="w-4/5 ">
-            <ReactTable4 />
-            <FooterDesign1 />
-          </span>
-        </div> */}
+        {/* <UserProfileInfo /> */}
+
+        {/* <BoxNextToEachOther /> */}
+
+        <ContactUsInfoCard />
+
+        <RoomCardInfo />
+
+        {/* ----------------------------$$$ start---------------------------- */}
+        {/* <DateRangePicker /> */}
+        {/* ----------------------------$$$ end---------------------------- */}
+
+        <FormInput />
+
+        {/* <LeafletMap /> */}
 
         {/* <Digikala /> */}
         {/* <TestComponentNew /> */}