serialialize-instruction-data-frontend more changes (was refactor(): replace deprecated findProgramAddress with findProgramAddressSync)

[EmekaManuel]

fix: replace deprecated findProgramAddress with findProgramAddressSync

Problem

The method 'web3.PublicKey.findProgramAddress' is deprecated and may lead to compatibility issues.

Summary of Changes

• Replaced the deprecated findProgramAddress method with the recommended findProgramAddressSync method for more reliable and up-to-date usage.

[mikemaccana]

Thanks @EmekaManuel ! This is a good start, but there's still a little more you can do here - including use await instead of .then(), linting the code, and using full names instead of tx - see https://github.com/solana-foundation/developer-content/blob/main/CONTRIBUTING.md. Can you also make the code import Connection etc from web3, rather than importing all of web3? It's a little more efficient and also stops people from having to type web3. all the time.

Can you also please use https://github.com/solana-developers/create-solana-dapp (as mentioned in the bounty) to make the frontend app?

I saw your comment on Superteam Earn:

I rebuilt the buggy and outdated movie review app used to explain serialization, deserialization, pagination and sorting using the latest version of technology: Nextjs, typescript, tailwind, and web3js. The repo is here : https://github.com/EmekaManuel/Solana-Movie-Review-Frontend

Excellent! Likewise, please use https://github.com/solana-developers/create-solana-dapp to make this (your code should just work as-is, we just want to make sure we are using the same code as our own tutorials).

After that we should be able to get this PR merged.

[mikemaccana]

There's still a few more things that need updating here, see the comment above.

[EmekaManuel]

hello Mike, I have made the necessary changes :

• Imported specific modules instead of the entire package from web3js
• Replaced .then() with await for better readability and async handling.
• Applied linting to maintain code consistency and clarity.
• Replaced abbreviations like tx with more descriptive variable names for better code readability.
• Enhanced error handling using trycatch.

[mikemaccana]

Move this work into #369. We don't want to split a person's updates over multiple PRs and we need to keep the conversation in one place.

In #369 I previously asked to add the images to that PR (ie, #369).

[mikemaccana]

Move into your other PR.

[EmekaManuel]

Move into your other PR.

Just merged into #369. Please note that these PR's focus on two courses which are update-program-state-management and the serialize-instruction-data-frontend

[mikemaccana]

Closing as will review in #369