Fix Firebase Hosting and Functions for Dynamic Routing in My Application

I need an experienced Firebase developer to set up and fix dynamic routing in my Firebase project. My application has specific dynamic routes for reciter and translations, and they are not working as expected. I am encountering issues such as 404 errors and improper configuration of firebase.json and Firebase functions.

The goal is to make the following routes functional:

/reciter/:slug/:trackSlug
/translations/:slug/:trackSlug
/reciter/:slug
/translations/:slug
These routes should work seamlessly through Firebase Hosting and Functions.

Current Issues:
Firebase Function app is deployed but not handling routes correctly.
Routes are returning 404 errors or falling back to index.html.
Rewrites in firebase.json might not be correctly configured.
Hosting and Functions integration is not working as expected.

Skills Required:
Firebase Functions
Firebase Hosting
Node.js/Express
Debugging and troubleshooting Firebase issues
Understanding of dynamic routing and rewrites in firebase.json

Deliverables:
Fully functional dynamic routes for reciter and translations.
Correctly configured firebase.json to handle routes via Firebase Functions.
Debugging and fixing any issues in functions/index.js file.
Detailed explanation or documentation of the solution for future reference.