Add risk gauge progress bars to risk cards

[zetaaura196]

Description

Issue: #129
Added visual progress bars for Flood Risk and Heat Risk cards.

Changes Made

• Added progress bar markup in analysis.html
• Added risk bar styles and color levels in analysis.css
• Added dynamic progress bar updates in analysis.js
• Added accessibility attributes for screen readers

Acceptance Criteria Covered

• Progress bars added below risk scores
• Width reflects risk percentage
• Color changes based on severity level
• Smooth width transition animation
• ARIA accessibility support

[zetaaura196]

@Padmajakachare1911 Implemented according to the issue specification. Local frontend changes were tested, but backend weather endpoint was not returning valid data in my local environment, so final visual verification with live risk values may need confirmation during review.

[Vikrant0207]

@zetaaura196 pls work on current frontend

[zetaaura196]

@Vikrant0207 Updated the PR to match the current frontend and resolved all merge conflicts. The risk gauge progress bars are now integrated with the latest analysis page. Please review when convenient.

[zetaaura196]

@Padmajakachare1911

Implemented the risk gauge/progress bars for the Flood Risk and Heat Risk cards and updated the PR to align with the current frontend.

The bars scale dynamically according to the risk score and use color-coded severity levels.

Attached screenshot for verification.

[Vikrant0207]

@zetaaura196 also the current location fucntion is not working