🏗️ Cleaning up forms and cards

src/client/components/shared/Carda.tsx

@@ -104,24 +104,23 @@ const renderCard = (props: ICardProps): ReactElement => {
         </div>
       );
 
-    case "horizontal-2-small":
+    case "horizontal-small":
       return (
         <>
           <div className="flex flex-row justify-start align-top gap-3 bg-slate-200 h-fit rounded-md shadow-md shadow-white-400">
             {/* thumbnail */}
-            <div className="rounded-l-md overflow-hidden">
+            <div className="rounded-md overflow-hidden">
               <img src={props.imageUrl} className="object-cover h-20 w-20" />
             </div>
             {/* details */}
             <div className="w-fit h-fit pl-1 pr-2 py-1">
               <p className="text-sm">{props.title}</p>
-              nothin
             </div>
           </div>
         </>
       );
 
-    case "horizontal-2-medium":
+    case "horizontal-medium":
       return (
         <>
           <div className="flex flex-row items-center align-top gap-3 bg-slate-200 h-fit p-2 rounded-md shadow-md shadow-white-400">
@@ -137,6 +136,17 @@ const renderCard = (props: ICardProps): ReactElement => {
           </div>
         </>
       );
+
+    case "cover-only":
+      return (
+        <>
+          {/* thumbnail */}
+          <div className="rounded-md overflow-hidden w-fit h-fit">
+            <img src={props.imageUrl} />
+          </div>
+        </>
+      );
+
     default:
       return <></>;
   }