OBKN-706 Pull out common styling

[drodzewicz]

No description provided.

[drodzewicz]

This PR is probably just a first part of the component styling cleanup.
Here I mainly focused on replacing all of the instances of

      <View style={styles.columnItem}>
        <Text style={styles.label}>{title}</Text>
        <Text style={styles.value}>{subText}</Text>
      </View>
      <View style={styles.columnItem}>
        <Text style={styles.label}>{title}</Text>
        <Text style={styles.value}>{subText}</Text>
      </View>

with a custom component

const renderData = [
     { label: 'title1', value: 'value1' }, 
     { label: 'title1', value: 'value1' } 
]
<DetailsTable data={renderData} />

I also focused on splitting some components into smaller parts like index.tsx, styles.ts and types.ts files in their directory instead of having everything stored in a single file.

[awalkowiak]

@drodzewicz please fix two bugs brought up by sonar

[sonarqubecloud]

SonarCloud Quality Gate failed.   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
9 Code Smells

No Coverage information
3.2% Duplication

[drodzewicz]

@awalkowiak pr is ready for a review

[jmiranda]

@awalkowiak @drodzewicz I don't feel 100% comfortable merging this until we are done with the current release (KN is still testing), but I want to get this in before it becomes a huge hassle to merge. Also can we do a tech huddle on this so I understand what's going?

[awalkowiak]

@jmiranda this can definitely wait a bit until the next release but will need to be constantly updated. This is a cleanup for the tech debt around duplicated styling.