The drawing i provided now are the original exercise drawings. The one in the first post is the free-body diagram solution for that exercise.
Yes, i still wondering why sine is used for x component. But i am still struggling to understand this. B_angle is the Heading of N from its right side...