refactor: use class helper instead of component to handle responsiveness

src/utils/react.ts

@@ -2,3 +2,5 @@ import { type ClassNameValue, twMerge } from "tailwind-merge";
 import { clsx } from "clsx";
 
 export const cn = (...classes: Array<ClassNameValue>) => twMerge(clsx(classes));
+
+export const hideIf = (condition: boolean) => (condition ? "hidden" : "");