UI improved in Not Found View

[sivasathyaseeelan]

Fix

• Add a unit test to verify that the fix works.
• Explain briefly why the bug exists and how to fix it.

Feature description

This is a PR which improves the UI of Not found View. In this PR i have deleted NotFoundView.vue and creates a 404 folder in ./ui/src/views, this 404 folder contain NotFound.vue which is the improved UI of Not found View. And I have also changed index.js file in ./ui/src/router to show the newly created NotFound.vue with Header/Navbar.

Relevant Images/Videos

Screencast.from.04-03-24.11.09.24.PM.IST.webm

• If this is non-trivial feature, paste the links/URLs to the design doc.

• Update the documentation to include this new feature.

• Tests(including UT, IT, E2E) are added to verify the new feature.

• If it's UI related, attach the screenshots below.

• If this pull request closes/resolves/fixes an existing issue, replace the issue number. Fixes [BanyanDB] UI improvement needed in Not Found View skywalking#11964 .

• Update the CHANGES log.

[wu-sheng]

The logo seems not to have transparent background, but as white.
Is there another svg logo?

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 48.31%. Comparing base (f27bbf2) to head (9d0510c).

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #395      +/-   ##
==========================================
- Coverage   48.32%   48.31%   -0.02%     
==========================================
  Files         173      173              
  Lines       21566    21566              
==========================================
- Hits        10422    10419       -3     
- Misses      10270    10273       +3     
  Partials      874      874              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[hanahmily]

The logo seems not to have transparent background, but as white. Is there another svg logo?

No, we only have a "jpge" version. Do we need to create a transparent one? From my perspective, a white background is good enough for me.

[wu-sheng]

It is better to be. I think this is not hard?

[sivasathyaseeelan]

It is better to be. I think this is not hard?

I got svg logo of banyandb from skywalking-website repo. I will use it!!!

[sivasathyaseeelan]

@wu-sheng @hanahmily Now I have updated this PR with banyan-db.svg and I have attached new UI of Not Found View in this PR. Kindly review this.

[hanahmily]

Rename this file to "banyandb.svg"

[hanahmily]

You need to add a license header to this file in order to pass the CI.

[hanahmily]

Could you explain why you moved the page to a subfolder when the filename "NotFoundView" already indicates it's used as a 404 page?

[sivasathyaseeelan]

I made this change to have a better file structure

[hanahmily]

make sense. However, have you considered using the term "errors" instead of "404"?

[sivasathyaseeelan]

I will change it to Errors instead of 404!