bolero: translate selected `Songhay.Dashboard/Client/src/app/components` into Elmish/bolero components

[Bryan Wilhite]

• components/dashboard/studio-logo/studio-logo.component.html
• components/dashboard/studio-social/studio-social.component.html
• components/dashboard/studio-versions/studio-versions.component.html
• components/dashboard/studio/studio.component.html
• components/dashboard/studio-links/studio-links.component.html
• pass model to studioToolsNode and studioFeedsNode
• components/dashboard/studio-feed/studio-feed.component.html
  • add a loading animation (replace mat-spinner)
  • implement IMemoryCache [📖 docs] injection for feed service handler
• components/dashboard/studio-tools/studio-tools.component.html
  • add links from #22

[Bryan Wilhite]

the new Studio component Node:

[Bryan Wilhite]

with a better understanding of Bulma custom colors and the Level layout:

[Bryan Wilhite]

for studio tools, do not forget about proposed additions: #22 and:

• https://sass.js.org/

[Bryan Wilhite]

my old Angular SVG sprite stack was never really using true SVG sprites as it was directly injecting like this:

moreover, there are some Blazor-level issues with SVG and the shadows DOM:

• dotnet/aspnetcore#18271
• dotnet/aspnetcore#35650
• dotnet/aspnetcore#38155

[Bryan Wilhite]

Bulma has a .loader CSS class

The Bulma .loader CSS class is referenced directly in the code sample for the article, “Simple loader with Bulma.” A simplified version of this code sample is:

.loader-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  
  .loader {
    height: 160px;
    width: 160px;
  }
}

For HTML of the form:

<div class="loader-wrapper">
    <div class="loader"></div>
</div>

Notice there is no CSS animation(s) declared. This is because the Bulma .loader class in /bulma/sass/elements/other.sass and the associated spinAround animation in /bulma/sass/base/animations.sass.

The current Bulma documentation only refers to such animation in the context of styling buttons.

[Bryan Wilhite]