Bootstrap Migration for PriorityBillsCard

[Mephistic]

This issue is meant to track the remaining work needed to close out the migration from css modules to react-bootstrap/styled components/typescript. This issue covers the PriorityBillsCard component.

Success Criteria:

• [ ] Refactor components to integrate Bootstrap and styled components while removing CSS modules.
• [ ] When called for, find or create reusable (sub)components to reduce repetition and ensure uniformity.
• [ ] Create or revise the Storybook story for these components, and any new sub-components.
• [ ] Convert from js to tsx
• [ ] Delete the HotBillsCard component. This seems to be an older version of the PriortiyBillsCard component that is no longer in use.

This card just covers this work for the PriorityBillsCard component.

[Mephistic]

UPDATE:

This is not currently used, and we're not sure when we'll have the resources to implement it. We should deprioritize this at a minimum, and probably just remove this and the Priority Bills Dashboard altogether until we're ready to commit.

[mvictor55]

@Mephistic can you clarify the implications of "remove" ? I assume we will still be able to retrieve the code when we do have the resources to tackle "priorities"? I believe we discussed creating a way to track what we've "removed"

[Mephistic]

We'll always be able to walk back through the git history to see the code.

It seemed like this component was abandoned over a year ago - if we're still planning to move forward with this, the update work involved in this card is very minimal and we can just do it.