Ken fix bluesky auto poster failed to post issue

[kzou55]

Description

Fixes the Bluesky auto-poster and related social media page issues.

• Fixes the Bluesky auto-poster not being used. The Bluesky component was removed from the PlatformComposer switch statement when the Reddit auto-poster was added. The previous implementation used an if statement, but when it was converted to a switch statement, the Bluesky case was inadvertently removed.

• Fixes the social media tabs page returning a "Page Not Found" error due to an issue with the route.

• Fixes social media icons not being found when refreshing the social media tabs page because the icon source paths were missing the required leading /.

  

Related PRS (if any):

• Original frontend PR #3645 and backend PR #1452 that implemented the Bluesky auto-poster.

Main changes explained:

• Update src/routes.jsx to remove the exact keyword from the announcements route.
• Update src/components/Announcements/index.jsx to add back the Bluesky switch case and correct the source paths for the social media icons.

Test Account Setup:

1. Create a dedicated test account on Bluesky.
2. Log in to the Bluesky account and go to Settings.
3. Navigate to Privacy and Security → App Passwords.
4. Click Add App Password.
5. Enter a name for the app password
6. Create the app password and copy it somewhere secure. The app password will only be displayed once.
7. When testing the Bluesky integration in HGN, use the Bluesky account's handle and the newly created app password to log in. Do not use the account's regular Bluesky password.

How to test:

1. Check out the current branch.
2. Run npm install and npm run start:local in the frontend repository to run this PR locally.
3. In the backend HGNRest repository, check out the development branch, run npm install, npm run build, and npm start to start the backend server.
4. Clear the site's data/cache.
5. Log in as an owner user.
6. Navigate to /announcements.
7. Click on the Bluesky tab.
8. Log in using the Bluesky test account's handle and app password.
9. Verify that the Bluesky component is present:
   a. Verify that the login component is displayed before logging in.
   b. Once logged in, verify that the user can disconnect.
   c. Verify that the user can create a text post by entering text in the textarea and clicking Post.
   d. Verify that the user can create a post with an attached file/image.
   e. Verify that the Your Posts section is displayed. Verify that the View button opens the corresponding post in a new tab and that the Delete button functions correctly.
   f. Verify that creating and deleting a post is also reflected on the actual Bluesky account.
10. Refresh the /announcements page and verify that the social media icons are still displayed correctly and that no errors occur.

Screenshots or videos of changes:

Before:

• Routing issue
  
• Generic SocialMediaComposer component being used
  
• Social media icons not loading after refreshing the page
  

After:

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	e10078a
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a9f4985e97ebc0008cd0f7b
😎 Deploy Preview	https://deploy-preview-5513--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

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

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud