The cross product of a vector $\vec{m}$ with $\hat{r}$ gives $m\sin\theta \hat{\phi}$ as claimed by the author.
This would probably be trivial but a lot of these subtle technicalities were not encountered in my first year multivariate course. This is slowing down my progression considerably in Physics.
I want to know how $\hat{\phi}$ is determined.
Edit:
I'd like to add that the direction due to the above cross product must be perpendicular to both $\vec{m}$ and $\hat{r}$. Clearly, It must lie on the xy-plane for it to be mutually perpendicular to $\vec{m}$ and $\hat{r}$. But the $\phi$ is elusive.

Let the unit vectors in spherical coordinates be $\hat{\rho},\hat{\theta},\hat{\phi}$.
Note that $\vec{m}=m \hat{z}$, that $\hat{z}=\cos\theta \hat{\rho}-\sin\theta \hat{\theta}$ and that $\hat{\theta}\times\hat{\rho}=-\hat{\phi}$.
So the cross-product is $$\vec{m}\times \hat{\rho}=m(\cos\theta \hat{\rho}-\sin\theta \hat{\theta})\times\hat{\rho}=m\sin\theta \hat{\phi}.$$