:recycle: Refactored survey stages as part of front end mutations

backend/db/data-generator/mock.js

             response_key_description: 'first round draft scoring question',
             aspect: 'visionary_vs_implementer',
             category: 'aspect',
-            survey_stage: 'aspect-1',
             placeholder: null,
             invalidInputPrompt: null,
         },
             response_key_description: 'first round draft scoring question',
             aspect: 'creative_vs_methodical',
             category: 'aspect',
-            survey_stage: 'aspect-2',
             placeholder: null,
             invalidInputPrompt: null,
         },
             response_key_description: 'first round draft scoring question',
             aspect: 'dynamic_vs_ordered',
             category: 'aspect',
-            survey_stage: 'aspect-3',
             placeholder: null,
             invalidInputPrompt: null,
         },
             response_key_description: 'first round draft scoring question',
             aspect: 'precise_vs_resourceful',
             category: 'aspect',
-            survey_stage: 'aspect-4',
             placeholder: null,
             invalidInputPrompt: null,
         },
             response_key_description: 'first round draft scoring question',
             aspect: 'big_Picture_vs_focused',
             category: 'aspect',
-            survey_stage: 'aspect-5',
             placeholder: null,
             invalidInputPrompt: null,
         },
             response_key_description: 'first round draft scoring question',
             aspect: 'guided_vs_self-managed',
             category: 'aspect',
-            survey_stage: 'aspect-6',
             placeholder: null,
             invalidInputPrompt: null,
         },
             response_key_description: 'required for profile creation',
             aspect: null,
             category: 'input',
-            survey_stage: 'name',
             placeholder: 'Joe Doe',
             invalidInputPrompt: 'So sorry, but what is your name?',
         },
             response_key_description: 'required for profile creation',
             aspect: null,
             category: 'input',
-            survey_stage: 'email',
             placeholder: 'joe@mailme.com',
             invalidInputPrompt: 'It looks like that email is not valid, try en email that is formatted like so: joe@joe.com',
         },
             response_key_description: 'required for profile creation',
             aspect: null,
             category: 'input',
-            survey_stage: 'password',
             placeholder: 'supersecr3tp@ssword',
             invalidInputPrompt: 'That password does not fit our requirements, please follow the above instructions to generate a secure password.',
         },
             response_key_description: 'required for distance calculations',
             aspect: null,
             category: 'input',
-            survey_stage: 'zipcode',
             placeholder: '90012',
             invalidInputPrompt: 'Oops! That is not a recognized zipcode, please enter a 5 digit zipcode like: 97869',
         },
             response_key_description: 'required for profile generation',
             aspect: null,
             category: 'choice',
-            survey_stage: 'seeking',
             placeholder: null,
             invalidInputPrompt: 'In order to provide you with the best results, Siimee will need to know whether you are an employer looking to fill a position, or a candidate looking for an employment. Please take a look at our above options and choose one.',
         },
             response_key_description: 'required for profile pictures',
             aspect: null,
             category: 'input',
-            survey_stage: 'image',
             placeholder: null,
             invalidInputPrompt: 'It appears you have yet to upload an image. Please provide Siimee with an image in case you want to show others what you look like.',
         },
             response_key_description: 'programming and spoken language preference',
             aspect: null,
             category: 'choice',
-            survey_stage: 'language',
             placeholder: null,
             invalidInputPrompt: 'We try our best to provide results in the language of your choosing. ¿Prefieres ver resultados en español? Or would you prefer to see results in english?',
         },
             response_key_description: 'duration preference for hours able to dedicate to work',
             aspect: null,
             category: 'choice',
-            survey_stage: 'duration',
             placeholder: null,
             invalidInputPrompt: 'Looks like you have yet to  fill out what kind of work you are most interested in. As in, part-time, full-time. Take a look at our above options and choose whatever feels right for you right now. You can always edit them later!',
         },
             response_key_description: 'location preference for where work happens',
             aspect: null,
             category: 'choice',
-            survey_stage: 'presence',
             placeholder: null,
             invalidInputPrompt: 'Hold up! So sorry to put a pause here, but it looks like you have not chosen whether to work remotely or in person. No worries, if you are unsure, just choose the flexible option.',
         },
             response_key_description: 'required for profile description',
             aspect: null,
             category: 'input',
-            survey_stage: 'blurb', 
             placeholder: 'my backstory starts long long ago...',
             invalidInputPrompt: 'Whoa! Cool story. Unfortunately your backstory is either too long or too short. Please tell us a bit about yourself between 1 and 100 characters.',
         },
             response_key_description: 'urgency for when work is required',
             aspect: null,
             category: 'choice',
-            survey_stage: 'urgency',
             placeholder: null,
             invalidInputPrompt: 'Looks like you left this field blank. Take a look at our provided options and tell us when you would like be employed.',
         },
             response_key_description: 'required for profile pronouns',
             aspect: null,
             category: 'choice',
-            survey_stage: 'pronouns',
             placeholder: null,
             invalidInputPrompt: 'Ensuring that others on our platform are aware of what your preferred pronouns are is important to us. Please choose from one of the above options.',
         },
             response_key_description: 'preference for commuting distance cutoff',
             aspect: null,
             category: 'input',
-            survey_stage: 'distance',
             placeholder: '5 mi',
             invalidInputPrompt: 'Whoa! You either left this field blank or tried to input an astronomically large distance you would like to see results from. Please input a distance you would like to see results in.',
         },

backend/db/migrations/20210527174416_create_response_keys_table.js

         table.string('response_key_description')
         table.string('aspect')
         table.string('category')
-        table.string('survey_stage')
         table.string('placeholder')
         table.string('invalidInputPrompt')
     })

backend/lib/schemas/responses.js

     response_key_description: Joi.any(),
     aspect: Joi.string().allow(null, ''),
     category: Joi.string().allow(null, ''),
-    survey_stage: Joi.string(),
     placeholder: Joi.string().allow(null, ''),
     invalidInputPrompt: Joi.string().allow(null, ''),
 

frontend/src/utils/lang.js

 // Splash page is unique in survey steps and therefore is simply spliced in
 // during survey generation
 const splash = {
-    response_key_id: 1,
+    response_key_id: 20,
     response_key_category: 'splash',
     response_key_prompt: 'splash page',
     response_key_description: 'required for splash page rendering',
     invalidInputPrompt: null,
 }
 
+// Order of surveyStages is strongly correlated with order of response_keys 
+// in backend's mock.js
+const surveyStages = [
+    'aspect-1',
+    'aspect-2',
+    'aspect-3',
+    'aspect-4',
+    'aspect-5',
+    'aspect-6',
+    'name',
+    'email',
+    'password',
+    'zipcode',
+    'seeking',
+    'image',
+    'language',
+    'duration',
+    'presence',
+    'blurb',
+    'urgency',
+    'pronouns',
+    'distance'
+]
+
 // TODO: in utils/survey.js modify _setSteps() to reorder survey steps from here
 const allSteps = {
     usa: {
 export {
     allSteps,
     splash,
+    surveyStages,
     aspectResponses,
     aspectsArr,
     possible,

frontend/src/utils/survey.js

 import { Survey } from '../entities/index.js'
 import { fetchQuestions } from '../services/index.js'
-import { splash, possible } from './lang.js'
+import { splash, possible, surveyStages } from './lang.js'
 
 class SurveyFactory {
     constructor() {
         this.questionsFromDb = []
     }
+    _addSurveyStages(responseKeys, surveyStages) {
+        responseKeys.forEach((key, i) => {
+            key.survey_stage = surveyStages[i]
+        })
+    }
     _addResponses(responseKeys, responsesByCategory) {
         Object.keys(responsesByCategory).forEach(k => {
             responseKeys.forEach(key => {
     _setSteps() {
         const responseKeys = this.questionsFromDb
         const responsesByCategory = possible['usa']
-        let mutatedResponseKeys = this._addResponses(responseKeys, responsesByCategory)
+        let mutatedResponseKeys = this._addSurveyStages(responseKeys, surveyStages)
+        mutatedResponseKeys = this._addResponses(responseKeys, responsesByCategory)
         mutatedResponseKeys = this._addComponents(responseKeys)
-        // Splash page is spliced into first step of survey
-        mutatedResponseKeys.splice(0, 1, splash)
+        // Splash page is placed at beginning of survey
+        mutatedResponseKeys.unshift(splash)
         return mutatedResponseKeys
     }
     async getQuestions() {