Update TB Guide Android App UI with New Figma Design

[sande11]

Update TB Guide Android App UI with New Figma Design

Description

The TB Guide Android app’s UI needs to be updated to reflect the new design provided in Figma. This involves replacing outdated layouts and styles with modern components while ensuring consistency with the design system.

Tasks

• Review Figma design for new UI specifications.
• Update XML layouts to match the new design.
• Apply updated themes, colors, and typography.
• Refactor Kotlin code where necessary to support new UI elements.
• Ensure responsiveness across different screen sizes.
• Test

Acceptance Criteria

• The app UI matches the provided Figma design.

• Navigation and component interactions work as expected.

• No broken layouts on different devices or orientations.

• App remains stable with no crashes due to UI changes.

References

Figma design link: https://www.figma.com/design/ZYZkodGKNJ3VOJMVlqdCMo/GA-TB-GUIDE-REDESIGN?node-id=2660-4413&p=f&m=dev