fix(VB-1541): hide field extension and comment icons on update-restricted fields

Gate CommentIcon and FieldLocationIcon in FieldToolbar by disableFieldActions
(driven by isFieldDisabled, which already covers field updateRestrict, entry
update permission, workflow stage permission, and variant permissions).

Adds unit tests covering visibility in disabled and non-disabled states.

Ticket: https://contentstack.atlassian.net/browse/VB-1541

Author: SahilCs15

src/visualBuilder/components/FieldToolbar.tsx

@@ -563,7 +563,7 @@ function FieldToolbarComponent(
                                 {isModalEditable ? editButton : null}
                                 {isReplaceAllowed ? replaceButton : null}
                                 {formButton}
-                                {fieldSchema ? (
+                                {fieldSchema && !disableFieldActions ? (
                                     <CommentIcon
                                         fieldMetadata={fieldMetadata}
                                         fieldSchema={fieldSchema}
@@ -575,16 +575,18 @@ function FieldToolbarComponent(
                             </>
                         )}
 
-                        <FieldLocationIcon
-                            fieldLocationData={fieldLocationData}
-                            multipleFieldToolbarButtonClasses={
-                                multipleFieldToolbarButtonClasses
-                            }
-                            handleMoreIconClick={handleMoreIconClick}
-                            moreButtonRef={moreButtonRef}
-                            toolbarRef={toolbarRef}
-                            domEditStack={domEditStack}
-                        />
+                        {!disableFieldActions && (
+                            <FieldLocationIcon
+                                fieldLocationData={fieldLocationData}
+                                multipleFieldToolbarButtonClasses={
+                                    multipleFieldToolbarButtonClasses
+                                }
+                                handleMoreIconClick={handleMoreIconClick}
+                                moreButtonRef={moreButtonRef}
+                                toolbarRef={toolbarRef}
+                                domEditStack={domEditStack}
+                            />
+                        )}
                     </>
                 </div>
             </div>

src/visualBuilder/components/__test__/fieldToolbar.test.tsx

@@ -33,7 +33,13 @@ vi.mock("../../utils/instanceHandlers", () => ({
 
 //CommentIcon testcases are covered seperatly
 vi.mock("../CommentIcon", () => ({
-    default: vi.fn(() => <div>Comment Icon</div>),
+    default: vi.fn(() => <div data-testid="vb-comment-icon">Comment Icon</div>),
+}));
+
+vi.mock("../FieldLocationIcon", () => ({
+    FieldLocationIcon: vi.fn(() => (
+        <div data-testid="vb-field-location-icon">Field Location Icon</div>
+    )),
 }));
 
 vi.mock("../../utils/visualBuilderPostMessage", () => {
@@ -273,6 +279,82 @@ describe("FieldToolbarComponent", () => {
         expect(icon).toBeInTheDocument();
     });
 
+    describe("CommentIcon and FieldLocationIcon visibility on restricted fields", () => {
+        const wholeMultiMetadata: CslpData = {
+            ...mockMultipleFieldMetadata,
+            fieldPathWithIndex: "group.link",
+            instance: { fieldPathWithIndex: "group.link" },
+        };
+
+        test("renders CommentIcon and FieldLocationIcon when field is not disabled", async () => {
+            vi.mocked(isFieldDisabled).mockReturnValue({
+                isDisabled: false,
+                reason: "" as any,
+            });
+
+            const { container } = render(
+                <FieldToolbarComponent
+                    eventDetails={{
+                        ...mockEventDetails,
+                        fieldMetadata: wholeMultiMetadata,
+                    }}
+                    hideOverlay={vi.fn()}
+                />
+            );
+
+            await act(async () => {
+                await new Promise((r) => setTimeout(r, 0));
+            });
+
+            expect(
+                await findByTestId(
+                    container,
+                    "vb-comment-icon",
+                    {},
+                    { timeout: 1000 }
+                )
+            ).toBeInTheDocument();
+            expect(
+                container.querySelector('[data-testid="vb-field-location-icon"]')
+            ).toBeInTheDocument();
+        });
+
+        test("hides CommentIcon and FieldLocationIcon when field is disabled (update restrict)", async () => {
+            vi.mocked(isFieldDisabled).mockReturnValue({
+                isDisabled: true,
+                reason: "You have only read access to this field" as any,
+            });
+
+            const { container } = render(
+                <FieldToolbarComponent
+                    eventDetails={{
+                        ...mockEventDetails,
+                        fieldMetadata: wholeMultiMetadata,
+                    }}
+                    hideOverlay={vi.fn()}
+                />
+            );
+
+            await act(async () => {
+                await new Promise((r) => setTimeout(r, 0));
+            });
+
+            await findByTestId(
+                container,
+                "visual-builder__focused-toolbar__multiple-field-toolbar",
+                {},
+                { timeout: 1000 }
+            );
+
+            expect(
+                container.querySelector('[data-testid="vb-comment-icon"]')
+            ).not.toBeInTheDocument();
+            expect(
+                container.querySelector('[data-testid="vb-field-location-icon"]')
+            ).not.toBeInTheDocument();
+        });
+    });
+
     describe("'Replace button' visibility for multiple file fields", () => {
         beforeEach(() => {
             // Override the mock for this describe block - resolve immediately