feat: Add Global Module Settings and Caption to Images

- Introduced GlobalModuleSettings model for platform-wide module enable/disable settings.
- Added 'caption' field to Images model to store image captions.
- Updated GenerateImagePromptsFunction to handle new caption structure in prompts.
- Enhanced AIPromptViewSet to return global prompt types and validate active prompts.
- Modified serializers and views to accommodate new caption field and global settings.
- Updated frontend components to display captions and filter prompts based on active types.
- Created migrations for GlobalModuleSettings and added caption field to Images.

frontend/src/templates/ContentViewTemplate.tsx

@@ -275,15 +275,15 @@ const FeaturedImageBlock = ({
         ) : (
           <PromptPlaceholder prompt={image?.prompt} minHeight={420} label="Featured Image Prompt" />
         )}
-        {image?.prompt && imageSrc && (
+        {image?.caption && imageSrc && (
           <div className="absolute bottom-5 left-5 rounded-full bg-white/80 px-4 py-2 text-xs font-medium text-slate-600 backdrop-blur-sm dark:bg-gray-950/70 dark:text-slate-300">
-            Prompt aligned to hero section
+            Caption aligned to hero section
           </div>
         )}
       </div>
-      {image?.prompt && (
+      {image?.caption && (
         <div className="border-t border-slate-200/70 bg-white/70 px-8 py-6 text-sm leading-relaxed text-slate-600 backdrop-blur-sm dark:border-gray-800/60 dark:bg-gray-900/70 dark:text-slate-300">
-          {image.prompt}
+          {image.caption}
         </div>
       )}
     </div>
@@ -322,12 +322,12 @@ const SectionImageBlock = ({
           <ImageStatusPill status={image?.status} />
         </div>
       </div>
-      {image?.prompt && (
+      {image?.caption && (
         <figcaption className="space-y-3 px-6 py-5 text-sm leading-relaxed text-slate-600 dark:text-slate-300">
           <p className="font-semibold uppercase tracking-[0.25em] text-slate-400 dark:text-slate-500">
-            Visual Direction
+            Image Caption
           </p>
-          <p className="font-medium whitespace-pre-wrap">{image.prompt}</p>
+          <p className="font-medium whitespace-pre-wrap">{image.caption}</p>
         </figcaption>
       )}
     </figure>