Honglin fix wbs button align issue

[honglinchen0524]

Description

This PR fixes the layout issue of the button group in the WBS tasks view. Previously, the buttons were rendered evenly across the top of the page. This fix aligns the buttons in a row on the left, improving the layout.

Related PRS:

This fix addresses an unintended side effect introduced by PR #2714, which added a .button-group CSS class that overrode the media query originally created in PR #2795 for larger screens.

Main changes explained:

Updated WBSTasks.jsx:

• Changed the className of the button container from button-group to wbs-button-group
  Updated wbs.css:
• Added a new wbs-button-group class with appropriate styling for all screen sizes.

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to dashboard→ Other Links→ Projects→ WBS
6. If the project doesn't have a WBS, add a new one
7. Click on the WBS
8. Verify that the buttons are aligned in a row on the left as the following screenshot

Screenshots or videos of changes:

Before:

After:

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	a8c5ba5
🔍 Latest deploy log	https://app.netlify.com/sites/highestgoodnetwork-dev/deploys/679ad5923027da00087e61f5
😎 Deploy Preview	https://deploy-preview-3096--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.