feat: update API endpoint for ad creation and enhance InputFile component with category prop

app/pages/dashboard-advertisements/index.tsx

@@ -35,13 +35,11 @@ export const AdvertisementsPage = () => {
   const dataSlot: DataTableSlots = {
     1: (value: string) => {
       return (
-        <div>
-          <img
-            src={value}
-            alt={value}
-            className="aspect-[15/1] h-[50px] max-h-[100px] min-h-[65px] rounded object-cover"
-          />
-        </div>
+        <img
+          src={value}
+          alt={value}
+          className="aspect-[150/1] h-[50px] rounded object-contain"
+        />
       )
     },
     3: (value: string) => (

app/pages/form-advertisements/index.tsx

@@ -75,6 +75,7 @@ export const FormAdvertisementsPage = (properties: TProperties) => {
                 className="border-0 bg-white shadow read-only:bg-gray-100 focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none disabled:bg-gray-100"
                 labelClassName="text-sm font-medium text-[#363636]"
                 containerClassName="flex-1"
+                category="ads"
               />
               <Input
                 id="url"

app/pages/form-contents/index.tsx

@@ -139,6 +139,7 @@ export const FormContentsPage = (properties: TProperties) => {
               className="border-0 bg-white shadow read-only:bg-gray-100 focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none disabled:bg-gray-100"
               labelClassName="text-sm font-medium text-[#363636]"
               containerClassName="flex-1"
+              category="featured_image"
             />
             <Button
               isLoading={fetcher.state !== 'idle'}