getGoals on [goal_id].tsx page needs to use isLoading

[canjalal]

In [goal_id].tsx, we have the following code:

  const { data: activeIep } = trpc.student.getActiveStudentIep.useQuery(
    { student_id: student_id },
    { enabled: Boolean(student_id), retry: false }
  );
  const { data: goals = [] } = trpc.iep.getGoals.useQuery({
    iep_id: activeIep?.iep_id || "",
  });

When getGoals is launched with iep_id being '', then we get an error because iep_id cannot be an empty string. We need to handle this.

Expected:
We should wait until the activeStudentIep query is done and returns a valid iep_id before goign to getGoals. There should be some fall back error if this fails.