docs(angular): add reusable animations content (#6559)

src/data/roadmaps/angular/content/reusable-animations@M1CU2Yq6dLp4yOuGV0fhF.md

@@ -1 +1,9 @@
-# Reusable Animations
+# Reusable Animations
+
+To create a reusable animation, use the `animation()` function to define an animation in a separate .ts file and declare this animation definition as a const export variable. You can then import and reuse this animation in any of your application components using the `useAnimation()` function.
+
+Visit the following resources to learn more:
+
+- [@official@Angular Official Docs - Reusable Animations](https://angular.dev/guide/animations/reusable-animations)
+- [@article@Reusable Animations with Angular](https://catalincodes.com/posts/reusable-animations-with-angular)
+- [@video@Angular Animations: Creating reusable animations!](https://www.youtube.com/watch?v=ObYCutiBOTo)