refactor: remove a secon duration badge added by merge actions

Author: serapieTuyishime

src/components/badges/Duration.tsx

@@ -3,7 +3,12 @@ import classNames from "classnames";
 import { useRouter } from "next/router";
 import { useMemo } from "react";
 
-export const DurationBadge = ({ value, type = "gray" }: { value: number, type?: string }) => {
+interface DurationBadgeProps {
+    value: number;
+    type?: string;
+}
+
+export const DurationBadge = ({ value, type = "gray" }: DurationBadgeProps) => {
     const router = useRouter();
     const duration = useMemo(() => {
         if (!value) {
@@ -14,7 +19,7 @@ export const DurationBadge = ({ value, type = "gray" }: { value: number, type?:
     }, [router.locale, value]);
 
     return (
-        <span className={classNames("text-xxs uppercase font-semibold px-2 rounded-3xl inline-block text-gray-500",
+        <span className={classNames("text-xxs uppercase font-semibold px-2 rounded-3xl inline-block text-gray-500 text-nowrap",
             {
                 "bg-gray-200": type === 'gray',
                 "border border-gray-200": type === "bordered"

src/components/badges/DurationBadge.tsx

@@ -2,7 +2,7 @@ import ArrowButton from "@/components/ui/button/Arrow";
 import { useSelector } from "react-redux";
 import { IRootState } from "@/store"; import Link from "next/link";
 import Badges from "@/components/badges";
-import DurationBadge from "@/components/badges/DurationBadge";
+import { DurationBadge } from "@/components/badges/Duration";
 import { useTranslation } from "next-i18next";