My attempt at solution:
Also I got a question, is there a way this can be solved without using hyperbolic tangential half angle substitution? Because I don't get how you can treat hyperbolic functions as if they were trigonometric and deducing sinx and cosx from a right triangle

Play time.
$\begin{array}\\ \int \frac {\tanh(x) dx}{\tanh(x)+\operatorname{sech}(x) } &=\int \frac {\frac{\sinh(x)}{\cosh(x)} dx}{\frac{\sinh(x)}{\cosh(x)}+\frac{1}{\cosh(x)}}\\ &=\int \frac {\sinh(x) dx}{\sinh(x)+1}\\ &=\int \frac {\frac12(e^x-e^{-x}) dx}{\frac12(e^x-e^{-x})+1}\\ &=\int \frac {(e^x-e^{-x}) dx}{(e^x-e^{-x})+2}\\ &=\int \frac {(y-1/y) dy/y}{y-1/y+2} \qquad y=e^x, dy=e^x dx, dx = e^{-x}dy = dy/y \\ &=\int \frac {(y-1/y) dy}{y^2+2y-1}\\ &=\int \frac {(y^2-1) dy}{y(y^2+2y-1)}\\ &= -\log(-y + \sqrt{2} - 1)/\sqrt{2} + \log(y) + \log(y + \sqrt{2} + 1)/\sqrt{2} \qquad\text{According to Wolfy}\\ &= -\log((\sqrt{2} -(y+ 1))(\sqrt{2} +(y+ 1)))/\sqrt{2} + \log(y)\\ &= -\log(2-(y+1)^2)/\sqrt{2} + \log(y)\\ &= -\log(2-(e^x+1)^2)/\sqrt{2} +x\\ \end{array} $