I suggest you stick with the most popular tools in each category.
Front-end: Typescript, React.js + Next.js together, TailwindCSS
Back-end: Node.js + Express.js together
Database: PostgresSQL/MySQL. Either is fine.
If you learn these, you can create a modern full-stack web app that is production ready. This is also my personal go-to stack for web apps.
Some might suggest more hipster frameworks to learn but since you're a beginner, you should learn the most popular ones first because there are way more resources to learn and bigger communities to get help from.
Make sure you start with a good foundation in JavaScript and node before moving to typescript and react. As an alternative to react and nextjs you might also take a look at vuejs and nuxtjs.
I suggest specialization. If you're 80% as skillful as necessary to make an impact at 8 different skills, that means you make an impact at nothing. If you're good at one thing and very green at everything else, you're employable.
It's great that you have some experience with C and that will give you a perspective on how things work at the machine level, but my advice would be to go the opposite direction. As a junior, the area of the stack where you can most quickly prove your chops and where you'll get the most companies willing to trust you is probably going to be the front-end of the front-end.
If I were you, I'd learn CSS and a framework (preferably Tailwind) well enough to clone any design you see on the web. I'd be cloning a different site every day. Of course JS will help too, and pick up what you need, but I'd stay laser focused on getting good at and fast at building any responsive site you see. If you can do that, you'll have no problems finding work. After half a year or so on the job, you can start working down the stack and getting better at JS and then databases and other technologies.
Also, I'd put about 10% of my time (and I still do) into improving with workflow related tools, like your editor, git, the browser console, etc, etc. It adds up over time.