Making the navigation bar look more attractive

**Description:**

Would like to add a box and a hover effect as per the current theme of the website for each navigation icon.

**Reason for Change:**

This will enhance the user experience and will make the website look more attractive.

**Current Styling:**

Current styling does not have the navigation icon enclosed in a box and after hovering the navigation icon, dark bottom border is displayed which does not look good.

**Proposed Styling:**

Would like to add a div to each icon and apply the border box and hover effect by using custom CSS.

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

Similar to this but with the current website color theme

**Priority Level (optional):**

- [ ] Low
- [ ] Medium
- [x] High

@akshitagupta15june please assign this issue to me under gssoc tag