Assume $\phi: \Bbb R^2 \rightarrow \Bbb R^2$ is an isometrie with $\det(\phi) = 1$. Then, $\phi$ is a rotation and its matrix can be denoted by
So, I know that the unit circle is parameterized by the trigonometric functions $\sin$ and $\cos$, but for me, it's hard to imagine what this actually means when you try to interpret this in a geometrical way. Plus, why does this matrix has this specific form? It seems like it got out of nowhere. What are the actual results that I get by denoting a matrix in a way like this?

Instead of saying that we are rotating the vector, let us view it as rotating the coordinate system.
Consider the vector $\vec{r}$ in the figure. If we change coordinates from $x-y$ to $x'-y'$, the net effect is that the vector $\vec{r}$ is rotated anti-clockwise by $\theta$.
In the x-y coordinate, we can resolve $\vec{r}$ as $x\hat{i} + y \hat{j}$. Alternatively, we can say that $\vec{r}$ is sum of two vectors $x\hat{i}$ and $y \hat{j}$
Now, in the new-coordinate system $x'-y'$, we can resolve $x\hat{i}$ as -
$x\hat{i} = x\cos \theta \hat{i'} + x\sin \theta \hat{j'}$.
Similarly, we can resolve $y\hat{j}$ as
$y\hat{j} = -y\sin \theta \hat{i'} + y\cos \theta \hat{j'}$
$ \implies \vec{r} = x\hat{i} + y\hat{j} = (x\cos \theta - y\sin \theta) \hat{i'} + (x\sin \theta + y\cos \theta) \hat{j'}$
In matrix form, we can write it as $\begin {vmatrix} x'\\ y' \end{vmatrix} = \begin{vmatrix} \cos \theta && -\sin \theta \\ \sin \theta && \cos \theta \end{vmatrix} \cdot \begin {vmatrix} x\\ y \end{vmatrix}$
What is the advantage of using matrices in this way?
The advantage of this approach becomes clearer in 3-dimensions. In 2-d, if we just want to rotate a vector, complex numbers are easier than matrix multiplication. However, in 3-d, if we want to change co-ordinate systems, matrix multiplication is almost invariably our only option.