Fix product category description not showing

backend/app/Http/Request/ProductCategory/UpsertProductCategoryRequest.php

@@ -10,7 +10,7 @@ public function rules(): array
     {
         return [
             'name' => ['string', 'required', 'max:50'],
-            'description' => ['string', 'max:255', 'nullable'],
+            'description' => ['string', 'max:5000', 'nullable'],
             'is_hidden' => ['boolean', 'required'],
             'no_products_message' => ['string', 'max:255', 'nullable'],
         ];

backend/database/migrations/2025_06_24_055432_change_proudct_category_description_type.php

@@ -0,0 +1,31 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration {
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('product_categories', function (Blueprint $table) {
+            $table->text('description')
+                ->nullable()
+                ->change();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('product_categories', function (Blueprint $table) {
+            $table->string('description')
+                ->nullable()
+                ->change();
+        });
+    }
+};

frontend/src/components/forms/ProductCategoryForm/index.tsx

@@ -29,6 +29,7 @@ export const ProductCategoryForm = ({form}: ProductCategoryFormProps) => {
                 description={"An optional description of this category to display on the event page."}
                 onChange={(value) => form.setFieldValue("description", value)}
                 value={form.values.description || ""}
+                maxLength={5000}
             />
 
             <Switch

frontend/src/components/routes/product-widget/SelectProducts/index.tsx

@@ -403,11 +403,19 @@ const SelectProducts = (props: SelectProductsProps) => {
                         {productCategories && productCategories.map((category) => {
                             return (
                                 <div className={'hi-product-category-row'} key={category.id}>
-                                    <h2 className={'hi-product-category-title'}>
+                                    <h2 className={'hi-product-category-title'} style={category.description ? {
+                                        marginBottom: '0px'
+                                    } : {}}>
                                         {category.name}
                                     </h2>
+                                    {category.description && (
+                                        <div className={'hi-product-category-description'}>
+                                            <Spoiler maxHeight={500} showLabel={t`Show more`} hideLabel={t`Hide`}>
+                                                <div dangerouslySetInnerHTML={{__html: category.description}}/>
+                                            </Spoiler>
+                                        </div>
+                                    )}
                                     <div className={'hi-product-rows'}>
-
                                         {category.products?.length === 0 && (
                                             <div className={'hi-no-products'}>
                                                 <p className={'hi-no-products-message'}>