feat(web): implemented step 1 tutor onboarding

[mostafakamar2308]

Quality Checklist

• I took the time to compare my implementation with the design.
• I ensured that the this pull request satisfies all the requirements in the associated task.
• I performed a self-review.

---

ClickUp

[neuodev]

🚀 WEB
🚀 UI
🚀 LANDING
🚀 DASHBOARD

[neuodev]

🚀 WEB
🚀 UI
🚀 LANDING
🚀 DASHBOARD

[neuodev]

🚀 WEB
🚀 UI
🚀 LANDING
🚀 DASHBOARD

[mmoehabb]

By convention, the Row type reflects the data model in the database. So, I think we should define another extended type for this use case just to preserve the convention. (we may call it PopulatedRow to follow the codebase: see topic/room/rating in the types package).

The first thing popped up in my head, after reading this, that we are storing interviewer(ee)_name(image) in the interviews table, which would be terrible!

export type PopulatedRow = Row & {
  interviewer_name: string | null;
  interviewee_name: string | null;
  interviewer_image: string | null;
  interviewee_image: string | null;
}

[mmoehabb]

Just to follow the codebase. We may call it PopulatedSelf. And moreover, simply define it as follow:

Despite repeating the id info. This is more readable and consistent.

export type PopulatedSelf = Self & {
  /**
   * tutor manager details
   */
  interviewer: {
    id: number;
    name: string | null;
    image: string | null;
    feedback: string | null;
  };
  /**
   * tutor details
   */
  interviewee: {
    id: number;
    name: string | null;
    image: string | null;
    feedback: string | null;
  };
};

[mmoehabb]

After modifying the types as I suggested. Leave the old functionality as it is. And define/implement a new function, lets call it findPopulatedInterviews, that returns the populated type PopulatedSelf.

[mmoehabb]

ILesson.Self | IInterview.Self should be sufficient. As the IInterview.PopulatedSelf extends IInterview.Self.

[mmoehabb]

As I mentioned before. Lets just keep the old implementation as it is, and extend models/interviews functionality by adding a new function: findPopulatedInterviews.

[mmoehabb]

I prefer general and short texts like this be stored in the "labels..." scope.

[mmoehabb]

I think "انضم الآن", "ابدأ الآن", and "التالي" should be stored with keys in the labels scope: "lables.join-now", etc.
What do you think?

[neuodev]

🚀 WEB
🚀 UI
🚀 LANDING
🚀 DASHBOARD

[neuodev]

🚀 WEB
🚀 UI
🚀 LANDING
🚀 DASHBOARD