Build modified streamline images

The official image from streamline does not currently work for the arm64
platform. As a temporary measure, the source code and docker build scripts
have been lifted from the official images and are used to build locally.

Some additional modifications are made to reduce overall image size, these
are documented in docker/README.md

docker/streamline-src/resources/views/audit_trail/patient_timeline.blade.php

@@ -0,0 +1,77 @@
+@extends('layouts.main')
+
+@push('styles')
+    <link href="{{ asset('elite/bower_components/horizontal-timeline/css/horizontal-timeline.css') }}" rel="stylesheet"/>
+    <style></style>
+@endpush
+
+@section('content')
+    <div class="row bg-title">
+        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
+            <h4 class="page-title">Patient Timeline</h4>
+        </div>
+        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
+            <ol class="breadcrumb">
+                <li><a href="{{ route('home') }}">Dashboard</a></li>
+                <li class="active">Patient Timeline</li>
+            </ol>
+        </div>
+    </div>
+
+    <div class="white-box">
+        <div class="row">
+            <div class="col-md-4">
+                @if(!is_null($patient->photo) && $patient->photo != "")
+                    <img src='{{ asset($patient->photo) }}' class="img-rounded center" style='height: 100px; width: 100%' alt='Photo not available' />
+                @else
+                    <img src="/uploads/streamline_images/person-place-holder.jpg" class="img-rounded center" style='height: 100px; width: 100%' alt='Photo not available' />
+                @endif
+            </div>
+            <div class="col-md-8">
+                <div class="row">
+                    <div class="col-md-4"><b>Patient Names:</b> {{ $patient->first_name }} {{ $patient->last_name }}</div>
+                    <div class="col-md-4"><b>Gender:</b> {{ $patient->gender == 1 ? "Male" : "Female" }}</div>
+                    <div class="col-md-4"><b>Age:</b> {{ get_patients_age($patient->date_of_birth) }}</div>
+                </div>
+                <br><br>
+                <div class="row">
+                    <div class="col-md-4"><b>Patient Number:</b> {{ $patient->number }}</div>
+                    <div class="col-md-4"><b>Phone:</b> {{ $patient->phone }}</div>
+                    <div class="col-md-4"><b>Email:</b> {{ $patient->email }}</div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="white-box">
+        <ul class="timeline">
+            @php
+                // invert side to place record
+                $inverted = false;
+            @endphp
+            @foreach($patient_timeline as $timeline)
+                <li @if($inverted) class="timeline-inverted" @endif>
+                    <div class="timeline-badge success"><i class="fa @if($inverted) fa-arrow-right @else fa-arrow-left @endif"></i> </div>
+                    <div class="timeline-panel">
+                        <div class="timeline-heading">
+                            <h4 class="timeline-title">{{ $timeline["date"] }}</h4>
+                        </div>
+                        <div class="timeline-body">
+                            <div class="card card-outline-primary text-center text-dark">
+                                <div class="card-block">
+                                    <p>{!! $timeline["text"] !!}</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </li>
+                @php $inverted = !($inverted == true); @endphp
+            @endforeach
+        </ul>
+    </div>
+@endsection
+
+@push('scripts')
+    <script src="{{ asset('elite/bower_components/horizontal-timeline/js/horizontal-timeline.js') }}"></script>
+    <script type="text/javascript"></script>
+@endpush