Apply design for document title feature implementation

[devleejb]

Description:
There is a need to apply the design for the document title feature as discussed in issue #143. The feature has been implemented, but the design aspect is still pending.

A detailed design can be found at the following Figma link:

• Figma Design

Why:
Implementing the design will enhance the user interface and user experience, making it visually appealing and consistent with the overall application design. It will help users understand the document title feature better and utilize it effectively.