fix: add focus on input field when you click the button to add a new …

…task (#2994)

Co-authored-by: Nickii Miaro <miaronkirote@gmail.com>

packages/mgt-components/src/components/mgt-planner/mgt-planner.ts

@@ -792,6 +792,7 @@ export class MgtPlanner extends MgtTemplatedTaskComponent {
     const taskTitle = html`
       <fluent-text-field
         autocomplete="off"
+        ?autofocus=${this.isNewTaskVisible}
         placeholder=${this.strings.newTaskPlaceholder}
         .value="${this._newTaskName}"
         class="new-task"