I want to make some UI fixes to the website.

[deepanshu-prajapati01]

Issue Summary

I looked through the website and got to know there are a bunch of UI issues that needs to be fixed. For more details I have provided the screenshots of the problem.

Steps to Reproduce

1. Head over to 'daily-quote' and 'notes' page and we can see there are 2 footers.

Daily Quotes Page

Notes Page

As we can see there are 2 footers. I would like to fix this issue.

2. I want to fix this text in the Notes page when adding a note is says loading. Instead of this I wanna add a spinner for better visual.

3. Also in the both endpoints, '/diary' and '/notes' after the adding the note, the text stays there as it is. It would be better practice to remove the text after adding a note successfully.

4. I would love to improve the look of the '/guestbook'. Somehow it displays all the messages vertically. This will cause trouble when we have a lot of messages. So instead of aligning them vertically i will put them similarly as done in the '/notes' endpoint.

5. In the src/app we can see all types of stuff lying there. This might create confusion to the developer in the future as our app grows. So I will put all the pages inside a folder (pages). Going through this approach will make our website more structured.
   PS: I would also fix all the import location related issues which will rise due to the changes made in path.

6. In the GuestBook I found a great bug! Everything works fine in the app but incase we have no entries in our database, our app simply crashes because it fails to populate data.

For better understanding, I forked the repo and run in my machine, and I encounter this issue.

Additional Context:
Hey @TenzDelek please assign this issue to me with these labels-> gssoc-extd,hacktoberfest-accepted and level 2