[STYLE CHANGE] Cleaner and Better design for the "Read a Shloka" Section.

**Description:**

In the "read a shloka" page of the Moksh website, I want to suggest a change in the look of the quote box and the typography of its text. I want to also change the style and add hover effect on the buttons namely- "New Quote" and "Tweet."

**Reason for Change:**

The reason I want to implement this change is because it will add a cleaner finish look and better readability of the quote in a smaller quote box. The motive behind the button style change is to make it blend with the theme and color palette of the Moksh Page as currently it looks quite simple. We can also change hover effect for the button when we click.

**Current Styling:**

-The size of the Shlok quote box(container) is quite huge.
-The button style is outdated and its placement doesnt fit well.
-The date and time placement needs to be changed.

**Proposed Styling:**
-Smaller more centered box with blurred background image for the shloka display.
-Change in the button color and text font.
-The date and time being displayed on the screen must be on one side together, rather than on either side of the screen.

**Screenshots or Design Mockups (optional):**

Before:


Suggested Design Change:

https://github.com/akshitagupta15june/Moksh/assets/97681609/65e82c9a-772a-41e0-9b72-0d111d9f20a3

**Additional Information (optional):**
Please assign me this issue and accept it under SWOC S4.
I would like to further work on changing the UX/UI of other pages/elements with my designs if needed, but will need assisstance and help in coding.

**Priority Level (optional):**

- [x] High