Feat/dfd trust boundary (#26)

* DFD: added a draggable & resizable trust boundary node type (yet stateless)

* DFD: intruduces trust boundaries (coded the foundation)

* further coding to accomodate trust boundary rectangles

* removed a trailing space

src/components/application/ApplicationInfo/index.tsx

@@ -75,15 +75,15 @@ const ApplicationInfo: FC<EditableComponentBaseProps> = ({
     header={<Header actions={actions}>{applicationInfo.name || 'Application Introduction'}</Header>}
   >{editMode ? (<SpaceBetween direction='vertical' size='l'>
       <FormField
-        label="Application name"
+        label="Application or feature name"
       >
         <Input
           value={name}
           onChange={event =>
             setName(event.detail.value)
           }
           validateData={ApplicationInfoSchema.shape.name.safeParse}
-          placeholder='Enter application name'
+          placeholder='Enter application or feature name'
         />
       </FormField>
       <MarkdownEditor

src/components/generic/DiagramCanvas/flowDiagram/components/FlowChart/FlowChartWithState.tsx

@@ -567,7 +567,7 @@ class FlowChartWithState extends React.Component<IFlowChartWithStateProps, IChar
               <label>Description:</label>
               <Input onChange={this.handleDescriptionInput} value={this.state.nodeDescription} type="text" />
             </InputBox>
-            <InputBox>
+            <InputBox style={{ display: 'none' }}>
               <label>Role:</label>
               <Select
                 optionList={ nodeRoleOptions }