feat: update ui-components-library package version and add close feature to the mini guides

Author: kemuru

web/package.json

@@ -77,7 +77,7 @@
     "@cyntler/react-doc-viewer": "^1.16.3",
     "@filebase/client": "^0.0.5",
     "@kleros/kleros-sdk": "workspace:^",
-    "@kleros/ui-components-library": "^2.12.0",
+    "@kleros/ui-components-library": "^2.14.0",
     "@lifi/widget": "^2.10.1",
     "@middy/core": "^5.3.2",
     "@middy/http-json-body-parser": "^5.3.2",

web/src/components/Popup/MiniGuides/MainStructureTemplate.tsx

@@ -162,12 +162,13 @@ const Template: React.FC<ITemplate> = ({
           <LeftContainerHeader>
             <HowItWorks>
               <BookOpenIcon />
-              <label> {isOnboarding ? "Onboarding" : "How it works"} </label>
+              <label>{isOnboarding ? "Onboarding" : "How it works"}</label>
             </HowItWorks>
             <MobileCompactPagination
               currentPage={currentPage}
               callback={setCurrentPage}
               numPages={numPages}
+              onCloseOnLastPage={onClose}
               label={`${currentPage}/${numPages}`}
             />
           </LeftContainerHeader>
@@ -176,6 +177,7 @@ const Template: React.FC<ITemplate> = ({
             currentPage={currentPage}
             callback={setCurrentPage}
             numPages={numPages}
+            onCloseOnLastPage={onClose}
             label={`${currentPage}/${numPages}`}
           />
         </LeftContainer>

yarn.lock

@@ -6628,7 +6628,7 @@ __metadata:
     "@kleros/kleros-v2-eslint-config": "workspace:^"
     "@kleros/kleros-v2-prettier-config": "workspace:^"
     "@kleros/kleros-v2-tsconfig": "workspace:^"
-    "@kleros/ui-components-library": "npm:^2.12.0"
+    "@kleros/ui-components-library": "npm:^2.14.0"
     "@lifi/widget": "npm:^2.10.1"
     "@middy/core": "npm:^5.3.2"
     "@middy/http-json-body-parser": "npm:^5.3.2"
@@ -6693,9 +6693,9 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@kleros/ui-components-library@npm:^2.12.0":
-  version: 2.12.0
-  resolution: "@kleros/ui-components-library@npm:2.12.0"
+"@kleros/ui-components-library@npm:^2.14.0":
+  version: 2.14.0
+  resolution: "@kleros/ui-components-library@npm:2.14.0"
   dependencies:
     "@datepicker-react/hooks": "npm:^2.8.4"
     "@swc/helpers": "npm:^0.3.2"
@@ -6712,7 +6712,7 @@ __metadata:
     react-dom: ^18.0.0
     react-is: ^18.0.0
     styled-components: ^5.3.3
-  checksum: 9c53e9ce217a5dd6c0f5dc1b19c8c14fb6f4843f5cf7a0eb1b1ae9561ead583c1bcf5bc2687e7f678007363768be3de95f5d573298b00b965d13a563c4b59495
+  checksum: ea5d9689562a6aa963eda44ad94336d4152c5d0f46c81e70a0c271a09fb93e9c9fd7b4ee609b1f6e1eb6e18f557f1cc0b132c3ac10d9f5af6ffc911ecb71d9da
   languageName: node
   linkType: hard