Upgrade UI

[JuzerShakir]

This PR focuses on making big improvements related to the User Interface (UI) & the User Experience (UX). I have mentioned most of it here.

Navigation bar stylings:

Before

After

• Show an FMB logo instead of the 'FMB' text in the navbar.
• New button styles for Create Sabeel.
• Show the navbar to a logged-out user with different content.

Search stylings:

Before

After

• Added an animation when you hover on the search bar.

Turbo Stream Layout:

Before

After

• Remove extra padding in each record to fit more content in the viewport.
• Change the color scheme to match the theme.
• Replace button_to with the link_to tag for all the requests that are get type.

Sabeel show layout:

Before

After

• Clicking on the phone number will open your default call app to make a local call to him/her.
• Clicking on the email address will open your default email app to send an e-mail to him/her.

Thaali show layout:

Before

After

• Showing balance & paid values outside the context of thaali.

Transaction show layout:

Before

After

---

Packages & Gems:

• Upgrade the bootstrap package to v5.3.2.
• Upgrade the font-awesome package to v6.4.2.
• Upgrade the stimulus package to v3.2.2.
• Upgrade the esbuild package to v0.16.7.
• Upgrade the sass package to v1.69.5.
• Upgrade the turbo-rails gem to v1.5.0.
• Upgrade the turbo-rails package to v7.3.0.
• Remove the bootstrap-icon package.

Base Stylings:

• Use a 7-1 pattern for manageable CSS
• Using Nunito & Josefins fonts for font styles.
• Use a custom theme to have a consistent color scheme across the site.
• Update bootstrap variables with a new theme color palette.
• Replace custom CSS stylings with bootstrap.
• Leverage SASS for refactoring.
• Reorder all the classes alphabetically.

Form Stylings:

• Update bootstraps' default form stylings via its variables.
• Show the first validation error message instead of showing all of them for each attribute.
• Use the horizontal form layout for large devices.
• Remove the * (required) tick from the label fields.

Misc

• Add animation to flash messages.
• Disable text selection.
• Update the view of the contact layout and render it in the navbar.
• Remove the back, note, & about layout.
• Remove the thaali column from the transaction table.

---

🥳 Bug Fix

1. Show link inside turbo streams are making requests twice

2. Upgrading the turbo-rails package & gem introduced a new bug in turbo_stream pages. After redirecting to a show page from a turbo_stream page and then clicking the browser back button, it showed the same content twice. Hence, rendering duplicate content.

I found this PR addressing this issue and fixed the bug in this commit.