SDK: Create dotCMSShowControl Angular directive

[rjvelazco]

Parent Issue

#30943

Task

We need to create an Angular directive called dotCMSShowControl that allows developers to conditionally display their own custom edit button (or any other UI control) in edit mode. This directive should only show the targeted element when the UVE is in edit mode.

Proposed Objective

Same as Parent Issue

Proposed Priority

Priority 3 - Average

Acceptance Criteria

Preview Give feedback

1. Create the dotCMSShowControl directive.
2. The directive should be applied to any HTML element.
3. The element should only be visible in edit mode.

Pseudo-Code

<div>
  Hello
  <button dotCMSShowControl>Edit</button>
</div> 

Assumptions & Initiation Needs

No response

Quality Assurance Notes & Workarounds

Pseudo-code

const MyPage = () => {
  return (
    <div>
      Hello
      <DotCMSShowControls>
        <MyEditButton />
      </DotCMSShowControls>
    </div>
  );
};

Sub-Tasks & Estimates

No response