404 Page for wrong url redirection

[muddlebee]

Bug description

404 Page for wrong url redirection

Goto http://localhost:3000/xyz -> Empty page opening
xyz doesn't exist.

Please describe.
If this affects the front-end, screenshots would be of great help.

Expected behavior

Goto http://localhost:3000/xyz -> 404 Error Page

How to reproduce

1. Go to http://localhost:3000/xyz or any random suffix after the base URL (http://localhost:3000)
2. Page with empty content

Additional context

Thank you for your bug report – we love squashing them!

[muddlebee]

some UI inspiration:

[saideepesh000]

@ankitnayan @pranay01 can you provide any adobe or Figma design that you from your team

[pranay01]

@saideepesh000 Will provide one by tomorrow

[pranay01]

@saideepesh000 Here's the figma design https://www.figma.com/file/9yU6x8Z6YYoVk01HJQRSIF/SigNoz-OSS-Github-Issues-UI?node-id=2%3A21
Let me know if you are not able to access it

• If user enters <base_url>/xyz123 as the url, he should be shown
  Home > xyz123 in top bread crumb ( i think this will happen by default)

• The 'Return to Metrics page' button should take user the /application page

• Test this for both light and dark mode ( buttons, text are legible)

[pranay01]

SVG file for the graphic used in the design - https://drive.google.com/drive/folders/1CTifClWIxGbomiQJlb4YGPhjhj_ZXe_A?usp=sharing

[palashgupta98]

@saideepesh000 are you working on this one ?

[saideepesh000]

Hey @palashgdev , yeah I would work on it, but not right now, I'm on my exams, so meanwhile if you want you can take it.

[palashgupta98]

@saideepesh000 sure would like to take this one ... @ankitnayan can you please assign this one to me