update

Author: dmaximyuk

src/components/Help/Help.tsx

@@ -1,24 +1,18 @@
 import "./Help.sass";
 
 import { type FC } from "react";
-import { useNavigate } from "react-router-dom";
-import { getRoutePath } from "utils";
 
 import { Card, Text, Title } from "uikit";
 
-import { RouteID } from "models";
-
 interface HelpProps {
-  to: RouteID;
+  to: string;
   title: string;
   text: string;
 }
 
 const Help: FC<HelpProps> = (props) => {
-  const navigate = useNavigate();
-
   const handleOnClick = () => {
-    navigate(getRoutePath(props.to));
+    window.open(props.to, "_blank");
   };
 
   return (

src/core/Home/Home.tsx

@@ -53,14 +53,16 @@ const Home: FC = () => {
     <Page className="Home" containerClassName="Home_grid">
       <div className="Home__aside">
         <Help
-          to={RouteID.HowToUse}
+          to={"https://github.com/dmaximyuk/zlottie"}
           title={t("home.aside.whyIs.title")}
           text={t("home.aside.whyIs.text")}
         />
       </div>
       <div className="Home__aside">
         <Help
-          to={RouteID.HowToUse}
+          to={
+            "https://github.com/dmaximyuk/zlottie/tree/master/src/uikit/Service/LottieWeb"
+          }
           title={t("home.aside.howUse.title")}
           text={t("home.aside.howUse.text")}
         />

src/uikit/Service/LottieWeb/README.md

@@ -92,16 +92,6 @@ The `LottieWeb` component uses the `lottie-web` library to render animations. Th
 - Customizable playback behavior with `loop` and `autoplay` options.
 - Adjustable container size with the `size` prop.
 
-## Styling
-
-To style the animation container, you can use the `.LottieWeb` CSS class. The default inline styles control the width and height based on the `size` prop.
-
-```sass
-.LottieWeb
-  display: inline-block
-  overflow: hidden
-```
-
 ## Troubleshooting
 
 1. **Animation not displaying**: