fix(template): initialise locales in create-app templates

Author: kabaros

packages/create-app/templates/template-ts-dataelements-react-router/src/App.module.css

@@ -6,6 +6,10 @@
     grid-template-rows: auto 1fr auto;
 }
 
+:global([dir='rtl']) .appWrapper {
+    direction: rtl;
+}
+
 .sidebar {
     grid-area: sidebar;
 }

packages/create-app/templates/template-ts-dataelements-react-router/src/AppWrapper.tsx

@@ -4,6 +4,7 @@ import App from '@/App'
 import classes from '@/App.module.css'
 import AboutPage from '@/components/About'
 import AppMenu from '@/components/AppMenu'
+import './locales'
 
 const AppWrapper = () => {
     return (

packages/create-app/templates/template-ts-dataelements/src/App.tsx

@@ -4,6 +4,7 @@ import { NoticeBox } from '@dhis2/ui'
 import React, { FC } from 'react'
 import classes from '@/App.module.css'
 import DataElementsList from '@/components/DataElementsList'
+import './locales'
 
 interface QueryResults {
     me: {