/devtools-extension/ lacks Sample Panel tool in DevTools

[mikehoffms]

This seems to be a rendering issue. Try different width of DevTools pane / Activity bar width.

Bug: Sample lacks icon for Edge Activity Bar tool tab. Need to add icon to sample, to display when tab is narrow and not selected.
PR adds icon.png ok, but need better png w/ right colors:

• Delete per-phase dirs from /devtools-extension/ #106

Bug: The tool tab doesn't appear in a blank tab. Blank tab fails to ever show the custom DevTools tool tab; the custom DevTools tab only appears when a webpage is loaded:

1. Open new tab.

2. F12.

   Actual Result: Missing the Sample Panel tab in DevTools.

3. Open a webpage, such as https://github.com/MicrosoftEdge/Demos.

   Now the Sample Panel tab appears.

---

Tab in narrow mode is gray/blank:Tab in wide mode / Selected mode is has label but lacks an icon:

Bug? When install the sample in Chrome, tool tab doesn't appear. Article needs to state whether this sample works in Chrome also, or Edge only.

The /Demos/devtools-extension/sample 4/ sample no longer works; the custom tool tab Sample Panel is no longer available (in Edge or in Chrome) as shown in
https://learn.microsoft.com/microsoft-edge/extensions/developer-guide/devtools-extension#download-install-and-run-the-devtools-extension-sample

The sample worked the last time I revised that article.

I tried from Demos repo > PR 106 branch where I removed the phase 1-4 dirs (/sample 1/ through /sample 4/), then I tried from "main" branch of Demos repo > /Demos/devtools-extension/sample 4/ dir.

The Sample Panel tool is not found in default activity bar or in More Tools. After hard refresh etc.
Chrome's Extensions tab showed popup notif saying "Extension Loaded", but can't find a Sample Panel tool in DevTools.