622 Use translation library for delete settings

components/settings/data-management/DataManagement.js

@@ -2,12 +2,8 @@ import React, { useState } from 'react'
 
 import AppLoadingView from '../../common/app-loading'
 import AppPage from '../../common/app-page'
-import AppText from '../../common/app-text'
-import Segment from '../../common/segment'
 
 import DeleteData from './delete-data'
-
-import labels from '../../../i18n/en/settings'
 import ImportData from './ImportData'
 import ExportData from './ExportData'
 
@@ -27,13 +23,10 @@ const DataManagement = () => {
         resetIsDeletingData={() => setIsDeletingData(false)}
         setIsLoading={setIsLoading}
       />
-      <Segment title={labels.deleteSegment.title} last>
-        <AppText>{labels.deleteSegment.explainer}</AppText>
-        <DeleteData
-          isDeletingData={isDeletingData}
-          onStartDeletion={() => setIsDeletingData(true)}
-        />
-      </Segment>
+      <DeleteData
+        isDeletingData={isDeletingData}
+        onStartDeletion={() => setIsDeletingData(true)}
+      />
     </AppPage>
   )
 }