Update UI layout, UX on new entry, and date formatting in various components

[hiyaryan]

Overview

This PR introduces multiple enhancements aimed at improving the user interface and date formatting consistency across the application. The changes include text modifications, layout adjustments, and the implementation of a standardized date format.

Changes

• Forgot Password Text Update

  • In ForgotPassword.jsx, the text has been updated from "Reset password" to "Forgot password" for improved clarity and accuracy.

• Layout Adjustment in Index Component

  • The negative margin causing layout issues in Index.jsx has been removed. This change ensures better alignment and a cleaner layout.

• Standardized Date Formatting

  • A new function, getReadableDate, has been implemented and applied across various components, including Analysis.jsx, Chat.jsx, Messages.jsx, and Thoughts.jsx. This function enhances the readability of dates by standardizing their format.

• UI Update in Thoughts Component

  • Thoughts.jsx received an update in its layout to better display entry titles and corresponding dates. The layout now utilizes flexbox to efficiently manage space between these elements.

Impact

• User Experience: These changes collectively improve the user experience by enhancing the clarity of information and the overall visual appeal of the application.
• Consistency: The introduction of getReadableDate brings a consistent approach to date presentation across the application.

Screenshots

Updated thought preview in Recent Thoughts list.

Testing Steps

• Verify the text change in the Forgot Password component.
• Check the alignment in the Entries Index component.
• Review date formats in the Analysis, Chat, Messages, and Thoughts components to ensure consistency.
• Assess the visual layout of the Thoughts component, focusing on the balance and spacing between titles and dates.

[hiyaryan]

Padding has been updated in Recent Thoughts. Padding originally applied to all thoughts is now only being applied to the focused thought. This makes the selected thought stand out more puts all other thoughts more aligned with the h2.

Additionally, previously when a new entry was submitted nothing would happen in terms of scrolling to the new entry. This didn't matter on large screens since the Thought Entry submission box is right next to the Analysis section, however, on smaller screens it was inconvenient having to scroll up to read the thought. Now after a submission is posted successfully, the users position is scrolled to the top of the screen.