feat: add component form-login

add component form-login

app/components/ui/carousel.tsx

@@ -9,7 +9,7 @@ import { Button } from './button'
 
 export const Carousel = (properties: TNews) => {
   const location = useLocation()
-  const hasCategory = location.pathname.includes('/categories/')
+  const hasCategory = location.pathname.includes('/category/')
 
   const { title, description, items, type } = properties
   return (
@@ -71,8 +71,11 @@ export const Carousel = (properties: TNews) => {
               )}
             >
               <div className={`${type === 'hero' ? 'hidden' : ''} `}>
-                {tags?.map((item) => (
-                  <span className="my-3 mr-2 inline-block rounded bg-gray-200 px-3 py-1">
+                {tags?.map((item, index) => (
+                  <span
+                    key={index}
+                    className="my-3 mr-2 inline-block rounded bg-gray-200 px-3 py-1"
+                  >
                     {item}
                   </span>
                 ))}
@@ -97,7 +100,7 @@ export const Carousel = (properties: TNews) => {
                 size="block"
                 as={Link}
                 to={`detail/${slug}`}
-                className={twMerge('', type === 'hero' ? '' : 'mb-5 sm:mb-0')}
+                className={twMerge('', type === 'hero' ? '' : 'mb-5')}
               >
                 View More
               </Button>