chore: move all components into Components dir with pascal case (#934)

app/assets/javascripts/components/Preferences/panes/Backups.tsx

@@ -0,0 +1,23 @@
+import { WebApplication } from '@/ui_models/application';
+import { AppState } from '@/ui_models/app_state';
+import { FunctionComponent } from 'preact';
+import { PreferencesPane } from '../components';
+import { CloudLink, DataBackups, EmailBackups } from './backups-segments';
+
+interface Props {
+  appState: AppState;
+  application: WebApplication;
+}
+
+export const Backups: FunctionComponent<Props> = ({
+  application,
+  appState,
+}) => {
+  return (
+    <PreferencesPane>
+      <DataBackups application={application} appState={appState} />
+      <EmailBackups application={application} />
+      <CloudLink application={application} />
+    </PreferencesPane>
+  );
+};