feat(devindex): Optimize LinkedIn URL storage and display (#9172)

- Updater.mjs: Extract and store only the LinkedIn username in the 'li' field to reduce data size.
- GridContainer.mjs: Update LinkedIn column to use new 'linkedin' type.
- src/grid/column/LinkedIn.mjs: New column type that handles dynamic URL reconstruction from username.
- src/grid/Container.mjs: Register 'linkedin' column type.
- src/grid/column/_export.mjs: Export new LinkedIn column.

Author: tobiu

apps/devindex/services/Updater.mjs

@@ -458,7 +458,12 @@ class Updater extends Base {
         if (company) minified.c = company;
         if (bio) minified.b = bio;
         if (followers?.totalCount > 0) minified.fl = followers.totalCount;
-        if (linkedin_url) minified.li = linkedin_url;
+
+        if (linkedin_url) {
+            // Extract username (handle trailing slash)
+            const match = linkedin_url.match(/linkedin\.com\/in\/([^/]+)/);
+            if (match) minified.li = match[1];
+        }
 
         // Metadata
         if (isHireable) minified.h = 1;

apps/devindex/view/home/GridContainer.mjs

@@ -207,11 +207,10 @@ class GridContainer extends BaseGridContainer {
             text     : 'Website',
             width    : 65
         }, {
-            type     : 'iconLink',
+            type     : 'linkedin',
             cellAlign: 'center',
             dataField: 'linkedinUrl',
             cellCls  : 'devindex-column-linkedin',
-            iconCls  : 'fa-brands fa-linkedin',
             text     : 'LI',
             width    : 40
         }, {

src/grid/Container.mjs

@@ -48,6 +48,7 @@ class GridContainer extends BaseContainer {
         icon            : column.Icon,
         iconLink        : column.IconLink,
         index           : column.Index,
+        linkedin        : column.LinkedIn,
         progress        : column.Progress,
         sparkline       : column.Sparkline
     }

src/grid/column/LinkedIn.mjs

@@ -0,0 +1,59 @@
+import ComponentColumn   from './Component.mjs';
+import IconLinkComponent from '../../component/IconLink.mjs';
+
+/**
+ * @class Neo.grid.column.LinkedIn
+ * @extends Neo.grid.column.Component
+ */
+class LinkedIn extends ComponentColumn {
+    static config = {
+        /**
+         * @member {String} className='Neo.grid.column.LinkedIn'
+         * @protected
+         */
+        className: 'Neo.grid.column.LinkedIn',
+        /**
+         * @member {Object} defaults
+         * @protected
+         */
+        defaults: {
+            module: IconLinkComponent
+        },
+        /**
+         * @member {String} hideMode='visibility'
+         * @reactive
+         */
+        hideMode: 'visibility',
+        /**
+         * @member {String|null} iconCls='fa-brands fa-linkedin'
+         */
+        iconCls: 'fa-brands fa-linkedin',
+        /**
+         * @member {String} type='linkedin'
+         * @protected
+         */
+        type: 'linkedin'
+    }
+
+    /**
+     * @param {Object} config
+     * @param {Record} record
+     * @returns {Object}
+     */
+    applyRecordConfigs(config, record) {
+        let me  = this,
+            url = record[me.dataField];
+
+        if (url && !url.startsWith('http')) {
+            url = `https://www.linkedin.com/in/${url}/`
+        }
+
+        return {
+            iconCls: me.iconCls,
+            url,
+            ...config
+        }
+    }
+}
+
+export default Neo.setupClass(LinkedIn);

src/grid/column/_export.mjs

@@ -9,6 +9,7 @@ import GitHubUser       from './GitHubUser.mjs';
 import Icon             from './Icon.mjs';
 import IconLink         from './IconLink.mjs';
 import Index            from './Index.mjs';
+import LinkedIn         from './LinkedIn.mjs';
 import Progress         from './Progress.mjs';
 import Sparkline        from './Sparkline.mjs';
 
@@ -24,6 +25,7 @@ export {
     Icon,
     IconLink,
     Index,
+    LinkedIn,
     Progress,
     Sparkline
 };