fix: fix review issues

Author: shadowusr

.storybook/main.ts

@@ -1,4 +1,4 @@
-import * as path from "path";
+import path from "path";
 import { fileURLToPath } from "url";
 import type { StorybookConfig } from "@storybook/react-webpack5";
 

src/components/AnimatedPlanet/hooks/useAnimatedPlane.ts

@@ -1,11 +1,11 @@
 import { easings, SpringRef, SpringValue, useSpring } from "react-spring";
 
-interface AnimatedPlaneTrailReturnType {
+interface AnimatedPlaneReturnType {
     props: { opacity: SpringValue<number>; offsetDistance: SpringValue<string> };
     api: SpringRef<{ opacity: number; offsetDistance: string }>;
 }
 
-export const useAnimatedPlane = (delay: number, duration: number): AnimatedPlaneTrailReturnType => {
+export const useAnimatedPlane = (delay: number, duration: number): AnimatedPlaneReturnType => {
     const [props, api] = useSpring(() => ({
         from: { opacity: 0, offsetDistance: "0%" },
         to: { opacity: 1, offsetDistance: "100%" },

src/components/AnimatedPlanet/hooks/useAnimatedStar.ts

@@ -1,11 +1,11 @@
 import { easings, SpringRef, SpringValue, useSpring } from "react-spring";
 
-interface AnimatedPlaneTrailReturnType {
+interface AnimatedStarReturnType {
     props: { scale: SpringValue<number>; rotateZ: SpringValue<number> };
     api: SpringRef<{ scale: number; rotateZ: number }>;
 }
 
-export const useAnimatedStar = (delay: number, duration: number): AnimatedPlaneTrailReturnType => {
+export const useAnimatedStar = (delay: number, duration: number): AnimatedStarReturnType => {
     const [props, api] = useSpring(() => ({
         from: { scale: 0, rotateZ: -360 },
         to: { scale: 1, rotateZ: 0 },

src/components/AnimatedPlanet/hooks/useAnimatedTrail.ts

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { easings, SpringRef, SpringValue, useSpring } from "react-spring";
 
-interface AnimatedPlaneTrailReturnType {
+interface AnimatedTrailReturnType {
     props: { strokeDashoffset: SpringValue<number> };
     api: SpringRef<{ strokeDashoffset: number }>;
     isAnimationReady: boolean;
@@ -19,8 +19,8 @@ export const useAnimatedTrail = (
     pathRef: React.RefObject<SVGPathElement>,
     delay: number,
     duration: number,
-): AnimatedPlaneTrailReturnType => {
-    const [trailTotalLength, setTrailTotalLength] = useState<number>(0);
+): AnimatedTrailReturnType => {
+    const [trailTotalLength, setTrailTotalLength] = useState(0);
     const [isAnimationReady, setIsAnimationReady] = useState(false);
 
     useEffect(() => {