fix/115/prf menu <ul /> & respective child tags refined

[M-lakshan]

cause: prf component (ul-tag) top & bottom paddings were collided with the child elements (li-tag) own padding values. the divisor margins was also miss-aligned

refinement:

• removed all padding values from main container (ul-tag)
• removed the margin values from the divisor (hr-tag)
• increased the child tags hovering visibility/contrast by +0.01(alpha-only) in the RGBa scale
• gave a general padding to all children elms
• replace all the padding values from first & last li-tag to be match with container

[DilhanRubera]

Move the "AccountMenu" styling into the dedicated styling file for dropdown menu called "index.styled.tsx" in the dropdown menu folder

Remove first of type and last of type padding since the Menu item root padding makes it look identical

Try to use the background colour from the theme provider file since we declare it there. Check subtitle2 colour

Remove redundant comments like "//

tags"

Remove duplicate log out menu item