feat: add utility for readable looping and conditional rendering of components

apps/dimentorin/src/app/(public)/(home)/_components/testimonial-section.tsx

@@ -1,7 +1,7 @@
 import { Button } from '@imphnen-frontend-service/ui/atoms'
+import { For } from '@imphnen-frontend-service/utils'
 import { FC, useRef } from 'react'
 import { motion, useInView, Variants } from 'framer-motion'
-import { For } from '../../../_components/logic/for'
 import { StarFilled } from '@ant-design/icons'
 
 export const TestimonialSection: FC = () => {

apps/dimentorin/src/app/(public)/(home)/_components/what-we-offer-section.tsx

@@ -1,7 +1,7 @@
 import { Button } from "@imphnen-frontend-service/ui/atoms";
+import { For } from "@imphnen-frontend-service/utils";
 import { FC, useRef } from "react";
 import { motion, useInView, Variants } from 'framer-motion'
-import { For } from "../../../_components/logic/for";
 
 const OFFERS: { title: string; description: string; image: string }[] = [
   { title: "AI-Powered Learning", description: "Level Up Instantly!", image: "/image/what-we-offer/ai-powered-learning.webp" },

apps/dimentorin/src/app/(public)/_components/header.tsx

@@ -1,10 +1,8 @@
 import { CloseOutlined, MenuOutlined } from "@ant-design/icons";
 import { Button } from "@imphnen-frontend-service/ui/atoms";
-import { cn } from "@imphnen-frontend-service/utils";
+import { cn, For, Show } from "@imphnen-frontend-service/utils";
 import { FC, useState } from "react";
 import { Link, useLocation } from "react-router-dom";
-import { For } from "../../_components/logic/for";
-import { Show } from "../../_components/logic/show";
 
 const MENUS: { label: string; href: string }[] = [
   { label: "Home", href: "/" },

libs/utils/src/index.ts

@@ -6,3 +6,4 @@ export * from './local-storage';
 export * from './cookies';
 export * from './session';
 export * from './constants';
+export * from './logic';

libs/utils/src/logic/index.ts

@@ -0,0 +1,2 @@
+export * from './for'
+export * from './show'