Enhance Content Management: Add sector name to ContentSerializer, improve Content view with pagination and search filters, and refactor Content page for better data handling and display.

frontend/src/components/common/ToggleTableRow.tsx

@@ -109,7 +109,13 @@ const ToggleTableRow: React.FC<ToggleTableRowProps> = ({
       >
         <div
           ref={contentRef}
-          className="overflow-hidden"
+          className="overflow-hidden bg-white dark:bg-gray-900"
+          style={{
+            maxWidth: '1200px',
+            margin: 'auto',
+            padding: '25px',
+            marginTop: '50px',
+          }}
         >
           <div className="py-4 px-2">
             <div className="flex flex-col gap-3">
@@ -117,6 +123,14 @@ const ToggleTableRow: React.FC<ToggleTableRowProps> = ({
                 {contentLabel}
               </div>
 
+              {/* Show idea title if available (for Tasks page) */}
+              {row.idea_title && (
+                <div className="mb-2">
+                  <div className="text-xs font-semibold text-gray-600 dark:text-gray-400 mb-1">Idea:</div>
+                  <div className="text-sm font-medium text-gray-900 dark:text-white">{row.idea_title}</div>
+                </div>
+              )}
+
               {/* Metadata badges */}
               <ToggleMetadata row={row} contentMetadata={contentMetadata} />