Update App Branding

[Shrinks99]

Changes

• Updates in-app logos
• Updates extension icon and dev icon
• Adds checkmark to the idle state to better convey the status
• Updates readme with new logo
• Updates Readme text
• Moves app assets to /src/assets to match ReplayWebpage & Browsertrix project file structure
  • App icons are still located in /build and /src/static
  • The electron app icons are updated in #226 instead of this PR! Go check that one out for those!
• Removes old unused brand assets

Screenshots

New vs Current Extension Icon

New Lockup

New status icon in the Electron app

Caveats

• Does not use the TsconfigPathsPlugin plugin for assets referenced with ~assets like Browsertrix and ReplayWeb.page (because obviously this isn't TypeScript yet!) Would be a nice thing to clean up with the TypeScript conversion later to have the same conventions across all our projects.
• The main app logo is currently composed of the graphic component returned by ReplayWeb.page which is then assigned a different variable in ArchiveWeb.page with get mainLogo. The text is then appended by ArchiveWeb.page.
  • Because the text and icon are now located in the same file for both apps, this behavior is worth cleaning up once both are up to date and using TypeScript. For now, this returns nothing as the mainLogo value and appends the whole new logo lockup instead of just the text.
  • See https://github.com/webrecorder/replayweb.page/blob/main/src/appmain.ts#L298 for context and details in ReplayWeb.page.