fix: parallax broken since safari 16.4

Moves the parallax effect into a directive which injects required elements into the shadow DOM and adds `part` attributes, so it can be styled from a global stylesheet.

src/app/modules/profile/page/profile-page.scss

@@ -12,15 +12,7 @@
  * You should have received a copy of the GNU General Public License along with
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
-@import 'src/theme/common/ion-content-parallax';
-
 :host {
-  ion-content {
-    --background: var(--ion-color-light);
-
-    @include ion-content-parallax($content-size: 130px);
-  }
-
   section {
     margin-bottom: calc(2 * var(--spacing-lg) - var(--spacing-md));
     padding: var(--spacing-md);