Improve UX/UI for creating project from examples (#1278)

* First implementation

- Change name of button
- Make use of VS Code API to use window title and window button custom names

* Update ui unit test

src/examples/ExamplesPanel.ts

@@ -93,6 +93,8 @@ export class ExamplesPlanel {
                 canSelectFolders: true,
                 canSelectFiles: false,
                 canSelectMany: false,
+                openLabel: "Select Folder for New Project",
+                title: `Choose Project Location for ${message.name} example`,
               });
             }
             if (!selectedFolder) {
@@ -144,7 +146,9 @@ export class ExamplesPlanel {
                 example_detail: contentStr,
               });
             } catch (err) {
-              const notAvailable = vscode.l10n.t("No README.md available for this project.");
+              const notAvailable = vscode.l10n.t(
+                "No README.md available for this project."
+              );
               Logger.info(notAvailable);
               Logger.info(err);
               this.panel.webview.postMessage({

src/ui-test/project-test.ts

@@ -44,7 +44,7 @@ describe("Example Create testing", async () => {
       By.id("create-button")
     );
     expect(await createProjectButton.getText()).has.string(
-      "Create project using example"
+      "Select location for creating"
     );
 
     const containerPath = resolve(__dirname, "..", "..", "testFiles");

src/views/examples/Examples.vue

@@ -40,7 +40,7 @@ onMounted(() => {
           class="button"
           id="create-button"
         >
-          Create project using example {{ selectedExample.name }}
+          Select location for creating {{ selectedExample.name }} project
         </button>
       </div>
       <div