fix(SecretLabels): update maxLabels logic (#706)

Update logic to check for "< maxLabels" instead of "<= maxLabels", so at most
maxLabels labels are shown (indices 0 to maxLabels-1).

Fixes KFLUXUI-1050

Assisted-by: Cursor

Author: rrosatti

src/components/Secrets/SecretsListView/SecretLabels.tsx

@@ -22,7 +22,7 @@ export const SecretLabels = ({
   ) : (
     <>
       {labels.map((l, i) => {
-        if (expanded || i <= maxLabels) {
+        if (expanded || i < maxLabels) {
           return (
             <Label key={l} className="secret-label">
               {l}

src/components/Secrets/__tests___/SecretLabels.spec.tsx

@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+import { SECRET_MAX_LABELS } from '~/consts/secrets';
 import { SecretLabels } from '../SecretsListView/SecretLabels';
 
 describe('SecretLabels', () => {
@@ -25,10 +26,23 @@ describe('SecretLabels', () => {
         handleToggle={() => {}}
       />,
     );
-    r.debug();
     expect(r.getByText('label1')).toBeInTheDocument();
     expect(r.getByText('label2')).toBeInTheDocument();
-    expect(r.queryByText('label5')).not.toBeInTheDocument();
+    expect(r.getByText('label3')).toBeInTheDocument();
+    expect(r.queryByText('label4')).not.toBeInTheDocument();
+    expect(r.getByText('Show more')).toBeInTheDocument();
+  });
+
+  it('should hide the label at maxLabels index when collapsed', () => {
+    const labels = Array.from({ length: SECRET_MAX_LABELS + 1 }, (_, i) => `label${i + 1}`);
+    const r = render(
+      <SecretLabels labels={labels} index={0} expanded={false} handleToggle={() => {}} />,
+    );
+
+    labels.slice(0, SECRET_MAX_LABELS).forEach((label) => {
+      expect(r.getByText(label)).toBeInTheDocument();
+    });
+    expect(r.queryByText(labels[SECRET_MAX_LABELS])).not.toBeInTheDocument();
     expect(r.getByText('Show more')).toBeInTheDocument();
   });