chore: renamed utils to lib, introduced new utils file

Author: steadyfall

src/components/Skills.tsx

@@ -1,7 +1,7 @@
 import { useMediaQuery } from '@/hooks/useMediaQuery';
 import { BaselineIcon, GalleryVerticalEndIcon } from 'lucide-react';
 import { Fragment, FunctionComponent, useState } from 'react';
-import { techIcons } from '@/utils/techIcons';
+import { techIcons } from '@/lib/techIcons';
 
 interface Props extends React.SVGProps<SVGElement> {
     size?: number | string;
@@ -74,7 +74,7 @@ function TechIconsDisplay({ heading, techNames }: TechIconsDisplayProps) {
                     <span className="inline-flex items-center">
                         {lang}
                         {index < techNames.length - 1 && (
-                        <span className="mr-1">,</span>
+                        <span key={index} className="mr-1">,</span>
                         )}
                     </span>
                 ))}

src/utils/techIcons.ts renamed to src/lib/techIcons.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}